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

时间:2012-07-16 16:30:41

标签: css ios webkit mobile-safari

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

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

没有额外的JS参与,所以我想知道为什么它会在第二次加载页面时滚动...任何人都会考虑为什么会这样?

谢谢,伙计们!

1 个答案:

答案 0 :(得分:0)

可能是因为页面未调整为新内容,您只需将overflow-y: scroll添加到要添加内容的元素中,以便始终滚动。或者在添加新内容时添加此内容。