css - -webkit-溢出-滚动 : touch -- odd behavior when dynamically injecting container

Question

在动态注入(inject)具有 css 属性 -webkit-overflow-scrolling 的容器时，我遇到了一个非常奇怪的行为，我想我会征求你的想法/想法。

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

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

谢谢大家!

Answer 1

可能是因为页面没有适应新的内容，你可以在你要添加内容的元素上添加overflow-y: scroll，让它一直滚动。或者在添加新内容时添加。