fullpage.js自动滚动怎么设置

JavaScript031

fullpage.js自动滚动怎么设置,第1张

目的:实现自动滚动

工具:fullpage.js

页面中需要引用的JS:

<script src="jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script> 

<script src="jquery.fullPage.js" type="text/javascript" charset="utf-8"></script>

参照 : jQuery全屏滚动插件fullPage.js

实现自动滚动思路:

所谓自动滚动也就是进入页面后,不使用鼠标等操作就可以自动翻页(滚动)

利用js给定一个时间范围,例如3秒调用一次滚动方法,就可以实现!!!

//获取一共有多少个需要滚动的锚点

var len=$("#Id div").length

//设定自然数,默认为0

var num=0

//此方法为,页面停留5秒后自动滚动进入下一屏

settimeOut(function(){

        $("#Id div").eq(num).fullpage()

        ai++

        //如果ai等于锚点数时,将ai重新赋值为0

        if(ai==len){num==0}

},5000)

菜单，设置，首选项，高级，内容，javascript选项。放到这里显示的目录里，如果框里并没有目录，自己任意建一个目录，然后填入框里。最后把两个js放到这个目录里。

然后对于可以自动翻页的网页，网页右上角会有一个小方块，鼠标移到上面就可以设置了，每个网站的设置会被保存在永久存储里，只要不删除永久存储，设置就会保留。（因为有的网站默认是预读模式，不是翻页模式）