jQuery scrollTop(0)导致奇怪的滚动行为

时间:2015-06-12 11:42:02

标签: javascript jquery

当我点击一个按钮时,模态div淡入:

$('.display-all-comments').fadeIn(300);
$('.display-all-comments').scrollTop(0);

没有scrollTop(0)滚动行为是正常的。这是一些照片:

正常:

enter image description here

使用scrollTop:

enter image description here

我在Yosemite Mac OSX上使用最新版本的Chrome。在Safari中,它似乎完全停止滚动/全面出现故障。

1 个答案:

答案 0 :(得分:0)

我没有在scrollTop(0)上使用fadeIn,而是在fadeOut上(当他们点击关闭按钮时)。

$('.display-all-comments').fadeOut(300);
setTimeout(function(){
  $('.display-all-comments').scrollTop(0);
},300)

这解决了这个问题并达到了我想要的目标。