Ipad 滑动以查看移动设备上的下一页或上一页

Ipad 滑动以查看移动设备上的下一页或上一页,ipad,swipe,Ipad,Swipe,我的客户想要一个专门为iPad设计的包含3个页面的网站。他想在屏幕上的任意位置向左/向右滑动,以查看下一页或上一页,而不是在这些页面之间导航的菜单。然后,站点的3个“页面”将是属于同一html页面的div元素,只有与当前“页面”对应的元素可见。标记如下所示: <div id='page1'> content page1 </div> <div id='page2' class='current'> content page2 </div&

我的客户想要一个专门为iPad设计的包含3个页面的网站。他想在屏幕上的任意位置向左/向右滑动,以查看下一页或上一页,而不是在这些页面之间导航的菜单。然后,站点的3个“页面”将是属于同一html页面的
div
元素,只有与当前“页面”对应的元素可见。标记如下所示:

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

内容页1
内容页2
内容页3
我确实在这里和那里找到了一些小的解决方案(例如),但没有非常成熟/流行的解决方案。我是否遗漏了什么,是否有一种可靠且简单的方法可以在移动设备上的页面之间滑动?

如果您想要“建立”某种东西,可以使用Dojo mobile:

我以前用过。我发现的唯一问题是,默认情况下,它的构建是为了调整站点的外观,使其与所显示设备的操作系统的外观相匹配(无论您是否想使用CSS,这完全由您控制,我只是不喜欢这个想法。)

编辑:
既然如此,如果他们想要一个“专为iPad设计的网站”,为什么不干脆开发一个iPad应用程序呢?网站不适合任何特定设备观看。

我选择了猫头鹰旋转木马,幻灯片大小与屏幕一样大。完美的解决方案。