相对iScroll,fullPage更显的小巧实用。毕竟我们好像对于产品的需求没有那么高,特别是如果只是为了要展示好看的内容,这个会是更好的选择。
相对于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这个方法里面。
fp插件应用还是比较广泛的, 它的github地址:https://github.com/alvarotrigo/fullPage.js
使用者也不乏一些大的公司。
以上是开发的时候遇到的一些问题,其他的需要在仔细了解的话就去github上多看看他的参考文档,或者研究一下源码吧。
原文:http://blog.csdn.net/wmzy1067111110/article/details/44593675