鼠标滚动保留去除滚动条

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

*、页面结构

<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就把可恶的滚动条给“吃”了,对,吃掉了!!!

啊哦~

猜你喜欢

转载自lbovinl.iteye.com/blog/2374206