CSS 實現(xiàn)隱藏滾動條同時又可以滾動內(nèi)容

宋華發(fā)布于2019-08-30 10:59 / 1898人閱讀


   
      我是內(nèi)容

.outer_div {
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 200px;
}
.inner_div {
  position: absolute;
  left: 10px;
  right: -20px;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

ok，有了以上的代碼就可以輕松的實現(xiàn)效果啦！

云服務(wù)器 GPU云服務(wù)器 css滾動條滾動條css html 滾動條 css 滾動條html實現(xiàn)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/114701.html

相關(guān)文章

使用CSS隱藏元素滾動條

摘要：使用隱藏元素滾動條如何隱藏滾動條，同時仍然可以在任何元素上滾動首先，如果需要隱藏滾動條并在內(nèi)容溢出時顯示滾動條，只需要設(shè)置樣式即可。使用CSS隱藏元素滾動條如何隱藏滾動條，同時仍然可以在任何元素上滾動？首先，如果需要隱藏滾動條并在內(nèi)容溢出時顯示滾動條，只需要設(shè)置overflow：auto樣式即可。想要完全隱藏滾動條只需設(shè)置overflow：hidden即可，但是這樣一來將導(dǎo)致元素...

sanyang 2019-08-30 11:21 評論0 收藏0
css隱藏移動端滾動條并且ios上平滑滾動

摘要：完整代碼如下移動端隱藏滾動條解決方案解決上滑動不流暢推薦娃娃日用品美妝護(hù)膚娃娃日用品美妝護(hù)膚娃娃 HTML代碼如下移動端隱藏滾動條解決方案 * { padding: 0; margin: 0; } .par-type { height: 50px; ...

wangzy2019 2019-08-30 15:55 評論0 收藏0
css隱藏移動端滾動條并且ios上平滑滾動

摘要：完整代碼如下移動端隱藏滾動條解決方案解決上滑動不流暢推薦娃娃日用品美妝護(hù)膚娃娃日用品美妝護(hù)膚娃娃 HTML代碼如下移動端隱藏滾動條解決方案 * { padding: 0; margin: 0; } .par-type { height: 50px; ...

Karrdy 2019-08-02 14:10 評論0 收藏0
純css，div隱藏滾動條，保留鼠標(biāo)滾動效果。[轉(zhuǎn)載]

摘要：滾動條一出現(xiàn)就破壞了效果。我們不希望出現(xiàn)滾動條，也不希望超出去的內(nèi)容被放逐，就要保留鼠標(biāo)滾動的效果。這個內(nèi)層其實是會出現(xiàn)滾動條的，所以不影響鼠標(biāo)的滾動效果，而且我們看不到滾動條了。也是讓滾動條被遮住了。前記當(dāng)我們的內(nèi)容超出了我們的div，往往會出現(xiàn)滾動條，影響美觀。尤其是當(dāng)我們在做一些導(dǎo)航菜單的時候。滾動條一出現(xiàn)就破壞了UI效果。我們不希望出現(xiàn)滾動條，也不希望超出去的內(nèi)容被放逐，...

cooxer 2019-08-02 12:00 評論0 收藏0
純css，div隱藏滾動條，保留鼠標(biāo)滾動效果。[轉(zhuǎn)載]

摘要：滾動條一出現(xiàn)就破壞了效果。我們不希望出現(xiàn)滾動條，也不希望超出去的內(nèi)容被放逐，就要保留鼠標(biāo)滾動的效果。這個內(nèi)層其實是會出現(xiàn)滾動條的，所以不影響鼠標(biāo)的滾動效果，而且我們看不到滾動條了。也是讓滾動條被遮住了。前記當(dāng)我們的內(nèi)容超出了我們的div，往往會出現(xiàn)滾動條，影響美觀。尤其是當(dāng)我們在做一些導(dǎo)航菜單的時候。滾動條一出現(xiàn)就破壞了UI效果。我們不希望出現(xiàn)滾動條，也不希望超出去的內(nèi)容被放逐，...

jemygraw 2019-08-29 17:15 評論0 收藏0