iPad上的谷歌gmail:他们如何滚动页面的右侧?

iPad上的谷歌gmail:他们如何滚动页面的右侧?,ipad,browser,scroll,gmail,Ipad,Browser,Scroll,Gmail,我正在尝试(编辑:在一个主要用于iPad的web应用程序上)谷歌在gmail for iPad中所做的事情:包含消息列表的左侧窗格保持不变,屏幕右侧(消息内容窗格)可以通过触摸手势垂直滚动 只有右侧滚动的页面划分是如何完成的 谢谢您正在寻找 试试这个链接:,或者上面链接的文档页面。假设它在web浏览器中,我猜他们正在使用CSS位置:固定@chris我认为他们不是,因为gmail是一个基于web的应用程序,而不是ipad的原生应用程序。 我不确定这是否有帮助,但看看这个:使用div滚动。例如,见。

我正在尝试(编辑:在一个主要用于iPad的web应用程序上)谷歌在gmail for iPad中所做的事情:包含消息列表的左侧窗格保持不变,屏幕右侧(消息内容窗格)可以通过触摸手势垂直滚动

只有右侧滚动的页面划分是如何完成的

谢谢

您正在寻找


试试这个链接:,或者上面链接的文档页面。

假设它在web浏览器中,我猜他们正在使用CSS
位置:固定

@chris我认为他们不是,因为gmail是一个基于web的应用程序,而不是ipad的原生应用程序。
我不确定这是否有帮助,但看看这个:

使用div滚动。例如,见。在iPad上尝试此功能。

使用touchstart、touchmove和touchend事件。您还需要防止事件冒泡-preventDefault。

在尝试对gmail滚动和apple ipad帮助滚动进行反向工程后,我被引导到


如果你只需要平滑滚动功能,iscroll light非常棒。

如果你想做“@someone”@Amber发表评论需要50个代表点。我不认为这是一个不好的答案。@George啊,对。。。我已经有一段时间没有想到这一点了@Amber这当然可以理解。这是我最近第二次指出这一点我已经读到Safari iPad的webkit不支持固定位置元素,所以我猜它需要更多的参与。@Tim你有支持这个的链接吗?我很想知道情况是否如此。或者更好的是,如果你有一台iPad,就做一个快速测试。作为一个知道这是什么并且有一台iPad可以测试的人,他们不是。他们有两个面板,都有一个手指滚动功能,很像iPad的分屏应用程序。我还不清楚如何实现这个效果,因为overflow:scroll需要两个手指滚动…@alirobe请澄清:你是说你已经为
position:fixed
创建了一个测试用例,并验证了iPad上的Safari不支持它吗?谢谢你的链接。它看起来像是通向有趣和有益的地方。如果这是答案,我会回到这里,感谢你的帮助。谢谢你的链接——如果我决定学习我只看了一点的目标C,我可能会回到它。我编辑了我的原始帖子,以便更清楚地表明我正试图在浏览器中执行此操作。@Tim:听起来不错。另外,如果你想吸引合适的回答者,我会在将来加入一些面向web的标签,因为我对web编程几乎一无所知。