为了账号安全,请及时绑定邮箱和手机立即绑定

纠结了好久,就是没有效果出现。。。不知道为什么

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.6.7/jquery.fullPage.css"/>


</head>

<body>

<div id="fullpage">

<div><h1>第一</h1></div>

<div><h1>第二</h1></div>

<div><h1>第三</h1></div>

</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.6.7/jquery.fullPage.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.js"></script>

<script>

    $(document).ready(function(){

        $('#fullpage').fullpage();

    });


</script>

</body>

</html>


正在回答

2 回答

为什么我复制了你的代码,src的位置也换了过来 ,效果还是现实不出来呢?

不是直接复制这三个链接就可以直接用了吗?

并没有分屏的效果

http://img1.sycdn.imooc.com//56546b3f0001746507620422.jpg

0 回复 有任何疑惑可以回复我~
#1

从此浪迹天涯了无牵挂

分页没有class="section"
2016-03-26 回复 有任何疑惑可以回复我~

我知道了,这两个js的引入不能颠倒顺序....为什么顺序还会影响呢...

0 回复 有任何疑惑可以回复我~
#1

慕田峪3216879

因为HTML加载是顺序加载,jquery.fullPage.js依赖jquery.js,当前者加载完时,jquery.js还没有加载进来。所以就会报错。
2015-10-31 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
FullPage.js全屏滚动插件
  • 参与学习       43807    人
  • 解答问题       217    个

基于jQuery的全屏滚动效果插件,让翻页显得格外的高端大气上档次

进入课程

纠结了好久,就是没有效果出现。。。不知道为什么

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号