隱藏滾動條同時保留頁面滾動的效果

2021-08-25 22:20:06 字數 404 閱讀 7333

寫專案的時候想要頁面內容溢位時有滾動的效果加了屬性overflow:auto,但是出現了滾動條使得頁面不那麼美觀,想著如何去掉滾動條同時滾動滑鼠滾輪時頁面隨之滾動,在網上找了好久資料,終於找到個方法,親測有效。

總的來說就是,在外層套個div,使得其寬度小於內層div,並overflow:hidden,這樣內層div的滾動條就看不見了

.daily-list-wrap

.daily-list

style>

class="daily-list-wrap">

class="daily-list">

.......//**省略

div>

div>

body>

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

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

隱藏滾動條

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

純css,div隱藏滾動條,保留滑鼠滾動效果。

當我們的內容超出了我們的div,往往會出現滾動條,影響美觀。尤其是當我們在做一些導航選單的時候。滾動條一出現就破壞了ui效果。我們不希望出現滾動條,也不希望超出去的內容被放逐,就要保留滑鼠滾動的效果。這裡介紹乙個簡單的方法 大體思路是 在div外面再套乙個div。這個div設定overflow hi...