将div添加到页面后,Chrome会出现奇怪的滚动行为

时间:2014-09-03 07:35:02

标签: javascript jquery ajax google-chrome append

我有一个网页,可以从MySQL表中加载注释,方法是将“注释”div一次添加到一个集合“注释”父div中。但是,这在Google Chrome中滚动时会出现一些问题。我在Firefox中测试了这种行为,它在那里工作正常。

如果我在页面底部没有任何注释div的地方刷新页面,刷新工作正常,滚动条就在它应该的位置。

但是,如果在滚动超出第一个附加注释div后刷新页面,则页面将垂直滚动位置设置为如果未添加注释div的情况。我无法使用鼠标滚轮向下滚动,就好像Chrome认为div从未被追加,即使它们显然在那里,滚动条显示它们在那里。

如果我从那里向上滚动滚轮的一个刻度,页面会向上滚动到滚动条的位置,从页面的实际底部向上滚动一个刻度线,并附加所有注释div。就像滚动条一次出现在两个地方,如果未附加评论,则为“页面底部”,附加评论的页面实际底部。非常混乱。

通过单击并拖动滚动条进行滚动就可以了。同样,滚动“向上”然后从那里向上或向下滚动也有效。我只是不能向下滚动而不首先向上滚动或者在页面底部没有附加注释的情况下开始页面刷新。

我不完全确定发生了什么或者如何解决这个问题,而我在互联网上看到的另一个提及这个问题并没有解释或解决方案。有人会熟悉正在发生的事情,为什么会发生这种情况,以及如何预防它?

0 个答案:

没有答案