jquery 动画 scrollTop 在 ie 或 firefox 中不起作用

Posted 2023-05-08

【中文标题】jquery 动画 scrollTop 在 ie 或 firefox 中不起作用

【英文标题】：jquery animation scrollTop dont work in ie or firefox

【发布时间】：2015-01-16 17:53:45

【问题描述】：

一个简单的滚动到顶部效果...该代码在 ie 或 firefox 中不起作用，但在 chrome 中可以正常工作。

这样的html：

<a href="#"  class="scrollTop"><i class="glyphicon glyphicon-chevron-up"></i></a>

还有这样的脚本：

$(document.body).animate(
   'scrollTop':'0'
,2000);

我尝试将$(document.body) 替换为$("body")，但没有任何反应...

【问题讨论】：

尝试取消引用到 scrollTop。

jQuery .scrollTop(); + animation 的可能重复项

Animate scrollTop not working in firefox的可能重复

如果您遵循该副本中提供的解决方案，它将起作用：jsfiddle.net/MelanciaUK/oesf4tz5/2

【参考方案1】：

我在这篇文章中发布了类似的答案：

jquery to add ids to all paras to make them all linkable.

我在 Firefox 和 IE 10 上测试了以下代码，运行良好。

$('html, body').animate(
    scrollTop : 0
, 500);