滑动即可查看移动设备上的下一页或上一页

Question

我的客户想要一个专门用于包含3页的iPad的网站。他希望在屏幕上的任何位置向左/向右滑动，而不是在这些页面之间导航的菜单，以查看下一页或上一页。然后，站点的3“页面”将是属于同一html页面的div个元素，只有与当前“页面”相对应的元素可见。标记看起来像这样：

<div id='page1'>
    content page1
</div>
<div id='page2' class='current'>
    content page2
</div>
<div id='page3'>
    content page3
</div>

我确实在这里和那里找到了一些小解决方案（例如this one）但没有什么非常成熟/受欢迎。我错过了什么，是否有一种可靠而简单的方法在移动设备上的页面之间滑动？

Answer 1

如果你想要“建立”的东西，那就是Dojo mobile： http://dojotoolkit.org/features/mobile

我以前用过它。我发现的唯一问题是它是默认构建的，以适应您网站的外观，以匹配显示设备的操作系统外观（无论您是否想要使用他们的CSS，我完全可以控制，我只是不喜欢这个主意。）

编辑： 在那方面，如果他们想要一个“专门针对iPad的网站”，为什么不建立一个iPad应用程序呢？网站不适合任何单个特定设备查看它们。