怎么在overflow-y:sroll的状况下 隐藏滚动条

当咱们的内容超出了咱们的div，每每会出现滚动条，影响美观。

尤为是当咱们在作一些导航菜单的时候。滚动条一出现就破坏了UI效果。  咱们不但愿出现滚动条，也不但愿超出去的内容被放逐，就要保留鼠标滚动的效果。

这里介绍一个简单的方法。  

大致思路是在div外面再套一个div。这个div设置overflow:hidden。  

而内容div设置 overflow-y: scroll;overflow-x: hidden;

而后再设置外层div的width小于内层div的width。

 

这个内层div实际上是会出现滚动条的，因此不影响鼠标的滚动效果，并且咱们看不到滚动条了。

内层div效果：

加了外层后的效果