FullPage.js全屏滚动插件_技术问答

首页免费课 FullPage.js全屏滚动插件问答

FullPage.js全屏滚动插件

                
                姜维
            Web前端工程师

                    查看讲师更多课程 
                    姜维讲师的其他课程
                
jQuery插件——Validation Plugin
中级·65870
免费课程
                                
jQM Web App –列车时刻表
中级·38490
免费课程
                                
基于bootstrap的网页开发
中级·187668
免费课程
                                
WEB调试工具---Firebug
初级·77661
免费课程
                                
网页定位导航特效
初级·71403
免费课程
                                
用JS实现放大镜特效
初级·30102
免费课程
                                
                难度中级
            
                时长 1小时35分
            
                学习人数
            
综合评分9.63
                            148人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.7
                                逻辑清晰

全部评论问答未解决精华

法兰克falk

</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script>
<script>
$(document).ready( function() {
$('#fullpage').fullpage();
});
</script>
</body>
</html>
这些代码...在网页上怎么出现了乱码，还无法滚动...(几个页面的内容出现在一个页面)

2 2-1 fullpage配置项（一）

2016-08-19

法兰克falk

<boby>
<div id="fullpage">
<div class="section"><h1>欢迎来到<br>全屏滚动网页<br>请往下滑/滚动鼠标</h1></div>
<div class="section"><h1>这里是第二个页面</h1></div>
<div class="section"><h1>这里是第三个页面</h1></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.4/jquery.fullPage.js/>

0 2-1 fullpage配置项（一）

2016-08-19

法兰克falk

<!DOCTYPE HTML>
<html>
<head lang="en">
<meta charset="UTF-8">
<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.8.4/jquery.fullPage.css"/>
<title>全屏滚动网页</title>
</head>

0 2-1 fullpage配置项（一）

2016-08-19

绚丽的紫罗兰

为毛没声音？

0 1-1 课程介绍

2016-08-18

平__凡

回答顶的人数最多的问题——在afterLoad function中出现move语句，页面就无法滚动：
我也出现了这个问题，调了许久终于发现自己的原因了！
我movejs的引用是在<head></head>之间的！如果把它放在<body></body>之间，最好是</div>的后面，问题就解决了！
查了一下：引入CSS在head中,JS建议在body的尾部引入;这样有利于加载速度。
以后要养成这样的习惯啊！
最后感谢老师的课程，帮助很大！

18 3-2 动画效果

2016-08-17