Webkit 溢出滚动导致 div 不显示？答案

【问题标题】：Webkit Overflow Scrolling causing div's not to show?Webkit 溢出滚动导致 div 不显示？
【发布时间】：2017-10-16 08:53:37
【问题描述】：

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

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

谁能在他们的 iPad 上确认这一点，或提出修复建议？我宁愿不使用类似 Scrollability 的东西。这可能是 iOS6 测试版造成的，但我想放心。

您可以在 iPad 上查看此site

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

【问题讨论】：

在我的 iPad 上，div 确实会显示，但它们在滚动时不可见。当滚动停止时，元素重新出现
您运行的是哪个 iOS 版本？我的在视口之后是不可见的，但只有某些 div 元素（如您所见，每个帖子的页脚是可见的）。
我的和 CodeMonkey 做的一样。我正在运行 iOS 模拟器，iOS 版本：5.0

标签： html css ios mobile-safari

【解决方案1】：

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

这篇文章可能相关并且可以解决：CSS3 property webkit-overflow-scrolling:touch ERROR

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

【讨论】：