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

【问题标题】：jQuery Animate top: Does not work in ChromejQuery Animate 顶部：在 Chrome 中不起作用
【发布时间】：2023-03-03 09:34:01
【问题描述】：

好吧，我真的不知道为什么这段代码不起作用。在其他浏览器中运行良好，但在 Chrome 中该栏不滚动。

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

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

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

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

目前 div 中唯一的想法是 text 任何人都可以帮忙！？

【问题讨论】：

在 Chrome 11.0.696.28 中为我工作。您是否忘记将代码附在$(document).ready 中？ jsfiddle.net/hans/MtaWq

【解决方案1】：

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

【讨论】：

【解决方案2】：

试试这个：

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

【讨论】：

【解决方案3】：

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

【讨论】：