阅读背景:

去除滚动条后依然有滚动效果

来源:互联网 

使用CSS去除滚动条,但依然保留滚动效果

 
 
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .container{
	    height: 400px;
	    width: 800px;
	    overflow: hidden;
	}
	.content{
	    overflow-y:scroll; 
	    overflow-x:hidden;
	    width: 820px;
	    height: 100%;
	}
    </style>
</head>
<body>
    <div class="container">
	<ul class="content">
	    <li><a href='/go.html?url=#'>科学<a></li>
	    <li><a href='/go.html?url=#'>娱乐<a></li>
	    <li><a href='/go.html?url=#'>国际<a></li>
	    <li><a href='/go.html?url=#'>国内<a></li>
	    <li><a href='/go.html?url=#'>头条<a></li>
	    <li><a href='/go.html?url=#'>军事<a></li>
	    <li><a href='/go.html?url=#'>体育<a></li>
	    <li><a href='/go.html?url=#'>热点<a></li>
	</ul>
    </div>
</body>
</html><!DOCTYPE html>
<head



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: