我们知道在chrome下使用::-webkit-scrollbar可以对浏览器的滚动条进行自定义设置
但是IE下就很无奈了,当然有用javascript来实现的,这里不做讨论。
我们来介绍一种简单一目了然的方式:定位
html代码部分
<div class="outer-container"> <div class="inner-container"> <div class="content"> ...... </div> </div> </div>
css代码部分:
.outer-container{ width: 360px; height: 200px; position: relative; overflow: hidden; } .inner-container{ position: absolute; left: 0; top: 0; right: -17px; bottom: 0; overflow-x: hidden; overflow-y: scroll; }
我们发现以上的代码把内部的容器向右偏移了17个像素,以遮盖了滚动条,当然这个值需要自己去测试。
评论前必须登录!
注册