<!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>
1 回答
Na_free100
TA贡献5条经验 获得超1个赞
引用没问题的话，<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',
});
})
添加回答
举报
0/150
提交
取消