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

Question

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

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

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

多谢你们！

Answer 1

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