Webkit Overflow Scrolling导致div不显示？

Question

我的网站内容位于绝对定位div，填满了整个屏幕。这个div上的滚动通常是笨重的，因为它不是原生动量滚动。解？将-webkit-overflow-scrolling: touch;附加到div。

动量滚动现在可以正常工作，但是当我向下滚动页面时，div元素没有显示出来。控制台显示没有错误，实际页面没有任何问题，但个别帖子（div）没有显示。这是一个例子：

任何人都可以在iPad上确认这一点，或建议修复吗？我宁愿不使用可滚动性的东西。可能是iOS6测试版引起了这种情况，但我希望能够放心。

您可以在iPad上查看此site

_{如果有人要我解释我的书签，我很乐意这样做。}

Answer 1

目前.post CSS类使用position：relative。如果删除该行，问题就会消失。显然相对位置元素在不在视图中时被隐藏。不完全确定iPad为什么这样做或者它是一个错误。根据我的经验，iPad设备尽可能高效地运行。例如，如果滚动JS动画被冻结。也许这是一种让iPad更有效地渲染页面的技术。希望这会有所帮助。

这篇文章可能是相关的，并有一个解决方法：CSS3 property webkit-overflow-scrolling:touch ERROR

Using '-webkit-overflow-scrolling: touch' hides content while scrolling/dragging