首页 > 其他 > 详细

fullPage 使用总结

时间:2015-03-24 17:31:47      阅读:234      评论:0      收藏:0      [点我收藏+]

相对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上多看看他的参考文档,或者研究一下源码吧。


fullPage 使用总结

原文:http://blog.csdn.net/wmzy1067111110/article/details/44593675

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!