fullPage 使用总结

fullPage 使用总结相对 iScroll fullPage 更显的小巧实用

大家好,欢迎来到IT知识分享网。

相对于iScroll好用的地方:1,翻页的时候或者跳转之后希望能回到之前的页面;2,页面切换的状态有很多,比如翻页方向,翻页前,翻页后;3,分页导航;4:顶部导航和footer。总之,这个的定制性稍强一点吧。

使用之前需要注意的问题:fullPage是在jQuery的基础上开发的,so~需要先引入jq1.6以上的版本,才能保证fp的正常工作。然后呢,fp有它自己的样式,并且我们一般没有特殊的需求的话,是可以考虑直接引用的。

如果你知道bower,你可以不需要手动下载fp,因为官方在bower做了注册,所以可以这样:

bower install fullpage.js

当然node环境是前提。如果不行就手动下载,bower不过也就是帮我们省去了这个环节。

使用fp的没怎么遇到难点,主要原因还是需求比较简单明了。

主要讲一下几个亮点吧

1:#anchor

anchors:['firstSlide', 'secondSlide']

需要记忆页面的话,就是这个了,定义好每个页面的别名,在连接上就会在当前页面显示#xxx。

2:翻页统计

需要记录一下用户最多翻到第几页,这个需求和用户最后停留在第几页还不太一样,也就是说取最大值。

对于统计页面我把开始统计的代码放到了 

afterLoad

这个方法里面。

以上是开发的时候遇到的一些问题,其他的需要在仔细了解的话就去github上多看看他的参考文档,或者研究一下源码吧。


免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/128209.html

(0)
上一篇 2025-09-02 15:10
下一篇 2025-09-02 15:15

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信