如何在响应式网站上为移动设备创建流畅的分页答案

【问题标题】：How to create a fluent pagination for mobile devices on a responsive website如何在响应式网站上为移动设备创建流畅的分页
【发布时间】：2014-04-01 08:15:18
【问题描述】：

我希望我网站的用户在他们的移动设备上使用分页，例如在 iOS 中启用分页的 UIScrollView。尽管如此，该网站也应该可以在桌面上查看。

到目前为止，我尝试了Foundation's orbit，但感觉一点都不流畅（当你松开手指时，它执行的滑动有点延迟）。

关于如何完成这项工作有什么好的选择吗？如果可能的话，我希望用户既可以垂直滑动也可以水平滑动。

【问题讨论】：

标签： ios css mobile web uiscrollview

【解决方案1】：

也许Swipe.js 就是您要找的东西。

【讨论】：

它在触摸屏设备上响应速度非常快，而且它也非常易于使用和操作 :) 您可以在此处使用移动设备尝试演示：thebird.github.io/Swipe

【解决方案2】：

你试过SwipeView吗？

Here you have an demo gallery

【讨论】：

【解决方案3】：

我也在寻找这个，但我真的认为他们没有。如果您希望它流畅，您可以使用 CSS3 动画/变换创建您自己的，因此它不适用于保持浏览器（IE

【讨论】：

【解决方案4】：

你可以试试iScroll 5，虽然很简单，但是效果很好。

你会在demos/carousel下面找到in the archive of the project一个水平分页的例子，你会看到它相当不错。 :)

此外，您将能够看到所有其他您可以使用 iScroll 执行的操作，这些操作应该符合您的需求。

【讨论】：