如何正确使用 .animate() 函数 -- top

Posted

技术标签:

【中文标题】如何正确使用 .animate() 函数 -- top【英文标题】:How to properly use the .animate() function -- top 【发布时间】:2011-02-12 09:59:17 【问题描述】:

这是使用 .animate(top) 函数的正确方法吗?

正数(向下动画)--

    $("div#container div#history-menu").animate(top:'180px', 600);

负数(向上动画)--

    $("div#container div#history-menu").animate(top:'-180px', 600);

因为我的错误控制台中出现了一个 java 错误,上面写着:

“解析属性'top'的值时出错。声明已删除。”

【问题讨论】:

你用的是什么版本的jQuery? '180px' 和 '-180px' 应该是动画的有效值(参见 api.jquery.com/animate/#entry-examples)。你能发布 html / CSS / 周围的 JS 吗? @Jeffrey -- 我的问题是我的 .js 文件中有多个类似的语句,无法确定实际错误所在的位置。但是我所有的动画语句看起来和我发布的完全一样,所以我认为这将是我的起点......现在不知道该怎么做。 您收到的错误消息是否附有行号?您可以尝试注释掉代码以缩小范围吗?也许构建一个重现错误的简化演示页面? 【参考方案1】:

将值从 (top: '-180px', 600) 更改为 (top: '-=180', 600) 或 (top:'+=180',600) 似乎可以消除我的问题。

【讨论】:

以上是关于如何正确使用 .animate() 函数 -- top的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Jquery .animate() 函数创建连续滚动内容? [复制]

如何在 jQuery animate() 函数中使用 !important

如何使用 jquery animate 滚动到元素跨浏览器

如何从 R 中的 animate 函数中保存 GIF 图像?

如何在 jQuery 中停止 .each .animate 循环函数

将变量传递给 .animate() 函数 JQuery