當我們的內容超出了我們的div，往往會出現滾動條，影響美觀。
尤其是當我們在做一些導航選單的時候。滾動條一出現就破壞了ui效果。 我們不希望出現滾動條，也不希望超出去的內容被放逐，就要保留滑鼠滾動的效果。
這裡介紹乙個簡單的方法：
大體思路是
在div外面再套乙個div。這個div設定overflow:hidden。
而內容div設定 overflow-y: scroll;overflow-x: hidden;
然後再設定外層div的width小於內層div的width。
這個內層div其實是會出現滾動條的，所以不影響滑鼠的滾動效果，而且我們看不到滾動條了。
這是一種方法，
還有一種是 &
&::-webkit-scrollbar
ie 10+
.element
firefox
.element
隱藏滾動條
2018 03 17539view0 隱藏滾動條的同時還需要支援滾動，我們經常在前端開發中遇到這種情況，最容易想到的是加乙個iscroll外掛程式，但其實現在css也可以實現這個功能，我已經在很多地方使用了，下面一起看看這三種方法。在本站的側欄，你可以看到前端 的那塊內容並沒有滾動條，但滑鼠移上去卻...
隱藏滾動條同時保留頁面滾動的效果
寫專案的時候想要頁面內容溢位時有滾動的效果加了屬性overflow auto,但是出現了滾動條使得頁面不那麼美觀，想著如何去掉滾動條同時滾動滑鼠滾輪時頁面隨之滾動，在網上找了好久資料，終於找到個方法，親測有效。總的來說就是，在外層套個div，使得其寬度小於內層div，並overflow hidden...
隱藏滾動條css3實現滾動同時隱藏滾動條
專案場景需求要在區域性實現滾動，但是滾動出現了滾動條，一瞬間感覺整個頁面都不好了，經過努力css成功實現滾動同時隱藏滾動條，廢話不多說，直接上 隱藏滾動條title ulli ulul webkit scrollbar style head 測試隱藏滾動條li 測試隱藏滾動條li 測試隱藏滾動條li...