javascript 隐藏网页滚动条
在safari浏览器中，当滚动条至页面底部，点击文档，隐藏滚动条失效
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo3</title>
<meta name="description" content="描述">
<meta name="keywords" content="关键字">
<style type="text/css">
body,ul{
margin:0;
font:12px/1.5 arial,'\5b8b\4f53',sans-serif;
}
ul{
padding:0;
list-style:none;
}
.hide{
overflow:hidden;
}
.wp{
width:1000px;
margin:0 auto;
background:#7c1;
}
.wp li{
width:300px;
height:500px;
}
#box{
width:300px;
height:300px;
background:#fff;
position:fixed;
top:50%;
left:50%;
margin:-150px 0 0 -150px;
}
#overlay{
width:100%;
height:100%;
background:#000;
opacity:0.5;
position:fixed;
left:0;
top:0;
}
</style>
<script type="text/javascript">
window.onload = function(){
document.onclick = function(){
document.body.className = 'hide';
}
}
</script>
</head>
<body>
<div class="wp">
<ul>
<li style="background:red"></li>
<li style="background:green"></li>
<li style="background:blue"></li>
<li style="background:pink"></li>
<li style="background:yellow"></li>
<li style="background:#ccc"></li>
<li style="background:#2079be"></li>
</ul>
</div>
</body>
</html>
展开
收起
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
