站长资源
中国站长网站

巧用position定位在IE下隐藏浏览器滚动条

我们知道在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个像素,以遮盖了滚动条,当然这个值需要自己去测试。

本文出处:来自互联网信息共享,请勿相信收费信息站长资源 » 巧用position定位在IE下隐藏浏览器滚动条

评论 抢沙发

评论前必须登录!