-webkit-overflow-scrolling: touch -- 动态注入容器时的奇怪行为

Question

我在动态注入具有 css 属性 -webkit-overflow-scrolling 的容器时遇到了一个非常奇怪的行为，并认为我会询问您的想法/想法。

我通过 AJAX 查询其他数据，并在处理后将其添加到 DOM。但是，当第一次访问页面（清除缓存）时，容器添加得很好，但我无法滚动！通过移动 Safari 刷新页面会重新加载所有内容，然后容器突然滚动...

没有涉及额外的 JS，所以我想知道为什么它会在第二次加载页面时滚动...有人知道为什么会这样吗？

谢谢各位！

Answer 1

可能是因为页面尚未适应新内容，您可以将overflow-y: scroll 添加到要添加内容的元素中，以便它始终滚动。或者在添加新内容时添加它。