fullpage.js使用方法

Posted 一支棒棒糖

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了fullpage.js使用方法相关的知识,希望对你有一定的参考价值。

了解:

【1】之所以叫做fullpage,是因为它可以全屏滚动,拥有强大的功能。

【2】它依赖于jQuery库,所以在使用fullpage之前先引入jQuery库。

使用:

【1】<link rel="stylesheet" href="css/jquery.fullPage.css">

【2】<script src="js/jquery.min.js"></script>

【3】<script src="js/jquery.fullPage.js"></script>

【4】上述库都引完之后来看源代码:

【5】<script type="text/javascript"> $(function() { $("#dowebok").fullpage(); }); </script>

【6】要想页面跟着鼠标滑动,必须写下面这句:

$.fn.fullpage.setAllowScrolling(true);//此属性默认为true

 

以上是关于fullpage.js使用方法的主要内容,如果未能解决你的问题,请参考以下文章

fullpage.js报如下错误的解决办法

wow与fullpage效果

fullpage.js使用指南

fullpage.js使用方法

FullPage.js 和地图框架

fullpage.js与animate.css搭配使用