怎麼在overflow-y:sroll的狀況下 隱藏滾動條

當咱們的內容超出了咱們的div，每每會出現滾動條，影響美觀。

尤爲是當咱們在作一些導航菜單的時候。滾動條一出現就破壞了UI效果。  咱們不但願出現滾動條，也不但願超出去的內容被放逐，就要保留鼠標滾動的效果。

這裏介紹一個簡單的方法。  

大致思路是在div外面再套一個div。這個div設置overflow:hidden。  

而內容div設置 overflow-y: scroll;overflow-x: hidden;

而後再設置外層div的width小於內層div的width。

 

這個內層div實際上是會出現滾動條的，因此不影響鼠標的滾動效果，並且咱們看不到滾動條了。

內層div效果：

加了外層後的效果