6

我的网站内容处于绝对位置div,填满了整个屏幕。这个 div 上的滚动通常很笨拙,因为它不是原生的动量滚动。解决方案?追加-webkit-overflow-scrolling: touch;到 div。

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

在此处输入图像描述

任何人都可以在他们的 iPad 上确认这一点,或提出修复建议吗?我宁愿不使用类似 Scrollability 的东西。这可能是 iOS6 测试版造成的,但我想放心。

您可以在 iPad 上查看此网站

如果有人想让我解释我的书签,我很乐意这样做。

4

1 回答 1

1

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

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

使用 '-webkit-overflow-scrolling: touch' 在滚动/拖动时隐藏内容

于 2012-08-02T16:42:05.263 回答