*、有时候出现的滚动条真的好难看,尤其是美工不在,而你又想保留鼠标滚动而去除掉难看的滚动条时,你可以这样做:
*、页面结构
<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就把可恶的滚动条给“吃”了,对,吃掉了!!!
啊哦~