为什么我的fullpage.js 鼠标滚轮无法滚动啊，而且点选其他页之后无法回到上一页
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no"/>
<title>Dx_Design</title>
<link href="../css/jquery.fullPage.css" rel="stylesheet" type="text/css">
<script src="../js/jquery-2.2.3.min.js"></script>
<script src="../js/jquery.fullPage.min.js"></script>
<style>
*{
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
font-size: 18px;
color: #333;
font-family: "微软雅黑";
line-height: 1em;
}
.section{
position: relative;
background-color: #fff;
overflow: hidden;
text-align: center;
}
.paint{
margin: 0 auto;
width: 1200px;
height: 900px;
border: none;
}
</style>
<script>
$(function(){
$('#fullpage').fullpage({
'verticalCentered': false,
'css3': true,
'sectionsColor': ['#254875', '#00FF00', '#254587', '#695684'],
'anchors': ['page1', 'page2', 'page3', 'page4'],
'navigation': true,
'navigationPosition': 'right',
'navigationTooltips': ['fullPage.js', 'Powerful', 'Amazing', 'Simple']
})
})
</script>
</head>
<body style="background:white">
<div id="fullpage">
<section class="section active" id="page1">
<div class="paint">
<canvas id="canvas" width="1200" height="600">您的浏览器不支持html5 canvas标签</canvas>
<script>
var c=document.getElementById("canvas");
var paint= c.getContext("2d");
paint.fillStyle="black";
paint.fillRect(0,20,870,200);
</script>
</div>
<div class="bg"></div>
</section>
<section>
<div class="section" id="page2"></div>
</section><section>
<div class="section" id="page3"></div>
</section>
<section>
<div class="section" id="page4"></div>
</section>
</div>
</body>
</html>
Dx_Design1回答
-
Na_free100
引用没问题的话，<section>换成<div class="section">试试。$(document).ready(function(){ $("#fullpage").fullpage({ verticalCentered: true, anchors: ['page1', 'page2', 'page3', 'page4'], scrollingSpeed: 500, navigation: true, navigationPosition: 'right', loopBottom: true, fixedElements: '#header', menu: '#fullpageMenu', });})
随时随地看视频慕课网APP
Html/CSS
JavaScript
JQuery