iPad上的Google gmail：它们如何滚动页面的右侧？

我正在尝试做（编辑：主要针对iPad的网络应用程序）Google在iPad的Gmail中所做的工作：包含邮件列表的左侧窗格保持放置状态，屏幕的右侧（消息内容窗格）可以通过触摸手势垂直滚动。iPad上的Google gmail：它们如何滚动页面的右侧？

页面的这种划分是如何完成的，仅右侧滚动？

感谢

2010-07-21 Tim

使用div滚动。例如，请参阅Glovebox。在iPad上试试这个demo。

2010-07-21 01:18:25 Shazron

感谢您的链接。它看起来好像会导致有趣和有益的地方。如果这是答案，我会回到这里，并给你信贷的帮助，这是值得赞赏的。 – Tim 2010-07-21 11:28:59

尝试此链接：Developing Split View Based Apps for the iPad或上面链接的文档页面。

2010-07-21 00:42:48

感谢您的链接 - 如果我决定学习Objective C，我只能看一下，我可以回到它。我编辑了我的原始文章，以更清楚地表明我正在尝试在浏览器中执行此操作。 – Tim 2010-07-21 11:37:37

@Tim：听起来不错。此外，如果您想吸引正确类型的回答者，我将在未来包含一些面向Web的标签，例如，因为我对网络编程知之甚少。 – 2010-07-21 22:16:24

假设它在网络浏览器中，我猜他们正在使用CSS position: fixed;。

2010-07-21 00:46:42

我读过Safari的iPad for iPad，它不支持固定位置的元素，所以我猜测它必须比这更多地参与其中。 – Tim 2010-07-21 11:23:38

@Tim你有链接支持吗？我很想知道是否是这种情况。 – 2010-07-21 11:30:09

或者更好的是，如果您有iPad，请一起快速测试。 – 2010-07-21 11:31:20

@chris我不认为他们是，因为Gmail是一个基于Web的应用程序，而不是一个本地的iPad应用程序。我不确定这是否有帮助，但看看这个：http://www.domedia.org/oveklykken/css-div-scroll.php

2010-07-21 00:47:16

这应该被添加为评论，如果你想要做“@someone” – Amber 2010-07-21 00:51:24

@琥珀色50为了发表评论。 – 2010-07-21 01:02:52

我不明白这可能是一个不好的答案。 – 2010-07-21 01:13:16

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

2011-01-14 06:45:58 Vinay

尝试反向工程gmail滚动和苹果ipad帮助滚动后，我被导向到http://cubiq.org/iscroll-4。

如果您只需要平滑的滚动功能，iscroll-light就非常棒。

2011-03-31 20:20:15

回答