为啥 jQuery 必须接收 2 个对象：使用动画滚动整个页面时的 body 和 html？

Posted 2023-05-08

【中文标题】为啥 jQuery 必须接收 2 个对象：使用动画滚动整个页面时的 body 和 html？

【英文标题】：Why jQuery has to receive 2 objects: body & html when scrolling whole page with animation?为什么 jQuery 必须接收 2 个对象：使用动画滚动整个页面时的 body 和 html？

【发布时间】：2012-04-03 21:45:21

【问题描述】：

在我在网上找到的所有关于使用 jQuery 动画滚动页面的教程中，我发现他们中的大多数都使用以下代码来做到这一点：

$("html, body").animate(....

我试图找出为什么需要为 2 个对象设置动画：html 和 body，但不是运气。 我可能认为它需要涵盖所有主要浏览器......但为什么真的，有人可以解释一下吗？

【参考方案1】：

chrome/safari 使用 html 来制作动画，而 firefox 使用 body（可能反过来，不记得了！）

你可以只使用 $(window).animate。

【讨论】：

此外，旧版本的 Opera 会同时为两者设置动画！这是一个article 解释它以及修复。