Webkit Overflow Scrolling导致div不显示？

Question

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

动量滚动现在可以工作,但是当我向下滚动页面时,div元素没有显示出来.控制台显示没有错误,实际页面没有任何问题,但个别帖子(div的)没有显示.这是一个例子:

任何人都可以在他们的iPad上确认这一点,或建议修复？我宁愿不使用可滚动性的东西.可能是iOS6测试版引起了这种情况,但我想要放心.

您可以在iPad上查看此站点

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

Answer 1

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

本文可能相关并有解决方法：CSS3 property webkit-overflow-scrolling:touch ERROR

使用“-webkit-overflow-scrolling：touch”在滚动/拖动时隐藏内容