jQuery Animate顶部：在Chrome中不起作用

Question

好的，所以我真的无法弄清楚为什么这段代码不起作用。在其他浏览器中工作正常，但在Chrome中，条形图不会滚动。

我有一个工具栏，我想在页面上下滚动。这适用于其他浏览器，但不适用于Chrome：

$("#toolbar").stop().animate({top: 100}, 1000);

这对我来说真的没有意义......这是CSS：

#toolbar{
position:absolute;
top:50px;
left:0px;
z-index:9999;
width:100%;}

目前div中唯一的想法是文字可以有人帮忙！？

Answer 1

将stop与参数一起使用，例如stop(true,false)。 这应该可以解决Chrome中的行为问题。

Answer 2

试试这个：

$("#toolbar").stop().animate({top: '100px'}, 1000);

Answer 3

而不是顶部，使用{"padding-top":"+=15px"}作为相对