一直对GitHub上目录翻页效果很喜欢,ajax加载,但是地址栏同样也改变.这个效果不是一般的赞.

经过网上的搜索,知道这个效果使用的技术叫做 pjax 即 pushState + ajax.

github上搜索,看到了 jquery.pjax插件,下载试用之,可能是我的原因,用着总是不舒服,也不好设置动画什么的.大体看了一下源码,也没怎么看懂.

本着折腾精神,网上搜索一下,看了一下pushState的使用方法,打算自己写一个简单的类似效果,以加深对于pjax使用的理解.

经过昨天下午几个小时的摸索,终于把这个效果写的差不多了,具体效果请点击本站首页翻页效果.

写出的代码复用性太差,如果需要在别的地方使用的话,还需要单独写一些代码,但是基本原理已经掌握,再写的话,应该不会遇到什么问题.

PS. 这是本人迁移到GitHub上的第一篇文章,也测试一下是否一切正常.