css設(shè)置Overflow實(shí)現(xiàn)隱藏滾動(dòng)條的同時(shí)又可以滾動(dòng)

css設(shè)置Overflow實(shí)現(xiàn)隱藏滾動(dòng)條的同時(shí)又可以滾動(dòng),具體代碼如下所示:
.scroll-list ul{ white-space: nowrap; -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; padding: 0 0.1rem; margin-bottom: -.2rem; overflow: -moz-scrollbars-none; overflow: -moz-scrollbars-none; } .scroll-list ul::-webkit-scrollbar{ display: none; }
總結(jié)
以上所述是小編給大家介紹的css設(shè)置Overflow實(shí)現(xiàn)隱藏滾動(dòng)條的同時(shí)又可以滾動(dòng),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺(jué)得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
相關(guān)文章
CSS實(shí)現(xiàn)隱藏滾動(dòng)條并可以滾動(dòng)內(nèi)容效果(三種方式)
今天小編給大家分享3種方法實(shí)現(xiàn)CSS隱藏滾動(dòng)條并可以滾動(dòng)內(nèi)容,我已經(jīng)在很多地方使用了非常不錯(cuò),需要的朋友參考下吧2020-03-25css 給div添加滾動(dòng)并隱藏滾動(dòng)條
這篇文章主要介紹了css 給div添加滾動(dòng)并隱藏滾動(dòng)條的實(shí)例代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-07-09css隱藏移動(dòng)端滾動(dòng)條并且ios上平滑滾動(dòng)的方法
這篇文章主要介紹了css隱藏移動(dòng)端滾動(dòng)條并且ios上平滑滾動(dòng)的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-23- 這篇文章主要通過(guò)三種方法給大家分享css隱藏滾動(dòng)條的方法,在此我比較推薦第二種方法,當(dāng)然也根據(jù)實(shí)際情況。對(duì)本文感興趣的朋友一起學(xué)習(xí)吧2015-11-18
css設(shè)置滾動(dòng)條顏色與樣式以及如何去掉與隱藏滾動(dòng)條
我們大家在瀏覽網(wǎng)頁(yè)的時(shí)偶爾會(huì)看到很漂亮的各種顏色樣式的滾動(dòng)條,這就是通過(guò)css代碼控制來(lái)實(shí)現(xiàn)的,于是本人搜集整理一番,這里和大家分享一下使用CSS設(shè)置滾動(dòng)條顏色以及如2012-12-16css實(shí)現(xiàn)隱藏滾動(dòng)條并可以滾動(dòng)內(nèi)容的實(shí)例代碼
這篇文章主要介紹了css實(shí)現(xiàn)隱藏滾動(dòng)條并可以滾動(dòng)內(nèi)容的實(shí)例代碼,代碼簡(jiǎn)單易懂,對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-11-03