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

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


   
      我是內(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，有了以上的代碼就可以輕松的實(shí)現(xiàn)效果啦！

GPU云服務(wù)器云服務(wù)器 css滾動(dòng)條滾動(dòng)條css html 滾動(dòng)條 css 滾動(dòng)條html實(shí)現(xiàn)

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/114701.html

相關(guān)文章

使用CSS隱藏元素滾動(dòng)條

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

sanyang 2019-08-30 11:21 評(píng)論0 收藏0
css隱藏移動(dòng)端滾動(dòng)條并且ios上平滑滾動(dòng)

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

wangzy2019 2019-08-30 15:55 評(píng)論0 收藏0
css隱藏移動(dòng)端滾動(dòng)條并且ios上平滑滾動(dòng)

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

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

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

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

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

jemygraw 2019-08-29 17:15 評(píng)論0 收藏0