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

Posted 2023-05-08

【中文标题】jQuery Animate 顶部：在 Chrome 中不起作用

【英文标题】：jQuery Animate top: Does not work in Chrome

【发布时间】：2011-07-29 13:58:31

【问题描述】：

好吧，我真的不知道为什么这段代码不起作用。在其他浏览器中运行良好，但在 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" 是相对的