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

Question

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

到目前为止，我尝试了Foundation's orbit，但这根本不流畅（当你放开手指时，它会稍微延迟滑动）。

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

Answer 1

你试过SwipeView吗？

Here you have an demo gallery

Answer 2

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

Answer 3

我也在寻找这个，但我真的认为他们没有。 如果你想让它变得流畅，你可以使用CSS3动画/变换创建自己的，因此它不能在保持浏览器上工作（IE <10或11，但我不确定）。如果你想处理触摸事件，我建议你查看“jQuery Modile”

Answer 4

你可以尝试iScroll 5这很简单，但完全可以做到。

您会在demos/carousel下找到in the archive of the project水平分页的示例，您会发现它非常好。 ：）

此外，您还可以看到iScroll可以满足您的所有其他需求。