鼠标滚动保留去除滚动条

*、有时候出现的滚动条真的好难看，尤其是美工不在，而你又想保留鼠标滚动而去除掉难看的滚动条时，你可以这样做：

 

*、页面结构

<div>  
    <ul >        
        <li >1</li>  
        <li >2</li>  
        <li >3</li>  
        <li >4</li>  
        <li >5</li>  
    </ul>  
</div> 

 

*、css如下

div{  
    height: 100px;  
    width: 50px;  
    overflow: hidden;  
}  
ul{  
    height: 100%;  
    width: 70px;  
    overflow-y: auto;  
    overflow-x: hidden;  
}  

 

到这里，有用但难看的滚动条就隐藏掉了，啊哈哈哈~

但是你看到重点了吗？

对，就是ul的宽度要大于外层div的宽度

至于原理嘛，ul的滚动条在最右侧，当宽度超出div时，嘿嘿，div的overflow：hidden就把可恶的滚动条给“吃”了，对，吃掉了！！！

啊哦~