隐藏滚动条屏幕不能切换
暖小心
2015-07-16 16:31
老师，为啥我隐藏滚动条以后，滚动鼠标就不恩给你切换了呢。。。。不解
2回答
-
- 暖小心
- 2015-07-16 17:08:39
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>页面切换</title>
<style type="text/css">
body{ font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
html,body{ height:100%; overflow:hidden;}
#container,.section{ height:100%;}
#container{ width:400%; }
.section{ width:25%;}
#section0,#section1,#section2,#section3{ background-color:#FCC; background-size:cover; background-position:50% 50%;}
#section0{ background-image:url(images/1-2-3.png)}
#section1{ background-image:url(images/4-5-6.png)}
#section2{ background-image:url(images/1-2-3.png)}
#section3{ background-image:url(images/4-5-6.png)}
.float{ float:left;}
</style>
</head>
<body>
<div id="container">
<div class="section float" id="section0"></div>
<div class="section float" id="section1"></div>
<div class="section float" id="section2"></div>
<div class="section float" id="section3"></div>
</div>
</body>
</html> -
- 浅水了
- 2015-07-16 16:52:37
代码贴出来才方便解决
全屏切换效果
85452 学习 · 166 问题
相似问题