CSS頁面去除滾動(dòng)條詳細(xì)步驟
發(fā)布時(shí)間:2023-07-25 15:05:53 作者:零OO
我要評(píng)論

這篇文章主要介紹了CSS頁面去除滾動(dòng)條詳細(xì)步驟,本文通過示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
步驟一:給元素設(shè)置高度 + overflow: auto;
如果只是去除垂直方向上的滾動(dòng)條,可以設(shè)置 overflow-y
PS:水平方向溢出設(shè)置:overflow-x ;
水平和處置方向溢出設(shè)置一致時(shí),可以設(shè)置:overflow
代碼示例:
一個(gè)類名為 ‘scroll-box’ 設(shè)置了一定高度,它里面的內(nèi)容如果超出了設(shè)定的高度,就會(huì)出現(xiàn)滾動(dòng)條,上下翻滾可以查看完整的內(nèi)容:
.scroll-box { height: 200px; overflow-y: auto; }
步驟二:隱藏滾動(dòng)條
有時(shí)候只需要上下翻滾查看,不想要滾動(dòng)條,去除該元素滾動(dòng)條的方法:
.scroll-box::-webkit-scrollbar { display: none; }
圖片示例:
出去滾動(dòng)條前:
去除滾動(dòng)條后:
到此這篇關(guān)于CSS頁面去除滾動(dòng)條方法的文章就介紹到這了,更多相關(guān)css 去除滾動(dòng)條內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
相關(guān)文章
CSS設(shè)計(jì)之頁面滾動(dòng)條出現(xiàn)時(shí)防止頁面跳動(dòng)的方法
這篇文章主要介紹了CSS設(shè)計(jì)之頁面滾動(dòng)條出現(xiàn)時(shí)防止頁面跳動(dòng)的方法,在使用overflow:auto之后這樣的跳動(dòng)情況是一個(gè)常見問題,本文給出了相關(guān)處理方法,需要的朋友可以參考下2015-06-08css將div層固定顯示在頁面底部不隨滾動(dòng)條滾動(dòng)
將div層固定顯示在頁面底部,在某些情況下還是很實(shí)用的,在本文為大家介紹下使用css是如何實(shí)現(xiàn)的,需要的碰可以參考下2013-11-20