隐藏滚动条屏幕不能切换

老师，为啥我隐藏滚动条以后，滚动鼠标就不恩给你切换了呢。。。。不解

暖小心

2015-07-16

源自：全屏切换效果 1-1

关注问题我要回答

641

操作

收起

2 回答

暖小心提问者
2015-07-16

<!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>