滾動條隱藏相容寫法

2022-03-25 15:50:24 字數 553 閱讀 1775

乙個可以滾動內容的div,超出高度隱藏內容,但是要保留滾動效果又不出現滾動條,同時相容各種瀏覽器。

/*webkit核心和移動端*/
::-webkit-scrollbar

/*o核心*/

.scroll_content .-o-scrollbar

.scroll_content::-o-scrollbar-button

.scroll_content::-o-scrollbar-track

.scroll_content::-o-scrollbar-track-piece

.scroll_content::-o-scrollbar-thumb

.scroll_content::-o-scrollbar-corner

.scroll_content::-o-scrollbar-resizer

/*ie10,ie11,ie12*/

.scroll_content$(function());

})

隱藏滾動條

2018 03 17539view0 隱藏滾動條的同時還需要支援滾動,我們經常在前端開發中遇到這種情況,最容易想到的是加乙個iscroll外掛程式,但其實現在css也可以實現這個功能,我已經在很多地方使用了,下面一起看看這三種方法。在本站的側欄,你可以看到前端 的那塊內容並沒有滾動條,但滑鼠移上去卻...

隱藏滾動條css3實現滾動同時隱藏滾動條

專案場景需求要在區域性實現滾動,但是滾動出現了滾動條,一瞬間感覺整個頁面都不好了,經過努力css成功實現滾動同時隱藏滾動條,廢話不多說,直接上 隱藏滾動條title ulli ulul webkit scrollbar style head 測試隱藏滾動條li 測試隱藏滾動條li 測試隱藏滾動條li...

CSS 隱藏滾動條

hello無論如何我都想 hello無論如何我都想 hello無論如何我都想要 hello無論如何我都想 hello無論如何我都想要對 hello無論如何我都想 hello無論如何我都想要對你 hello無論如何我都想要對你 hello無論如何我都想 hello無論如何我都想要對你 hello無論如...