触摸导航与无限滚动和WP

Question

我在一个基于WordPress的网站上使用无限滚动来加载更多的帖子，我刚刚意识到该脚本不会在Touch based devices上运行(因为它是通过滚动启动的)。有什么已知的、常见的解决方法吗?

Answer 1

这个问题可以用LazyLoading代替infinite Scroll来解决。下面是一个例子:http://www.appelsiini.net/projects/lazyload/enabled_container.html

它也应该工作的帖子(不只是图像)，所以你可以有你的帖子选择器。

针对移动设备优化:http://www.metaltoad.com/blog/improved-lazy-loading-mobile-devices-iphone-android-lazy-load-17

所以你可以设置它可以加载数百个帖子，但是当向下滚动时，或者在移动设备上向下滑动时，它会加载更多的帖子。

其他使用延迟加载的流行网站有:facebook, 9gag

Answer 2

使用jQuery UI Touch Punch，默认jQuery不允许Touch事件

Answer 3

如果你使用Modernizr，它会在html元素上给touch class。也许你可以用它在触摸设备上做点别的

Answer 4

使用wordpress插件显示你的文章:

无限卷动

安装后设置如下:

见屏幕短片

设置你的帖子编号显示:

setting -> reading

博客页面最多显示:"no of post":

更多细节和演示…http://www.infinite-scroll.com/

想看到无限滚动在行动中使用这个插件?

http://aurgasm.us/