天天看點

css 實作隐藏滾動條但可以滾動的效果

//html
<div class="outer-container">
    <div class="inner-container">
    	......
    </div>
</div>

//css
.outer-container{
	width: 300px;
	height: 200px;
	position: relative;
	overflow: hidden;
}
.inner-container{
	position: absolute;
	left: 0;
	top: 0;
	right: -17px;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: scroll;
}