Firefox下关于animate的一点小坑

遇到一个大写的坑,必须记录下来…

很久都没做过PC端页面,特别是不同浏览器的兼容,简直比移动端杀伤力强一万倍。于是在好不容易兼容到IE8后,终于长舒一口气,然而我还没坐下来好好喝口水,我们的产品给我发了一张图,他说返回顶部在火狐没反应啊。先看我的代码是这么写的:

1
2
3
$("html body").animate({
scrollTop:0
},500);

我左看右看上看下看,没错啊,难道独树一帜的火狐对animate都不支持了?(哈哈哈,感觉自己天马行空,一言不合就怀疑世界…)
带着这股疑惑我打开了谷歌,what?原来要用$('html,body')
把代码改成
1
2
3
$("html,body").animate({
scrollTop:0
},500);

果然好了。
必须记录这个小坑,毕竟像我一样从移动端转PC端的妹纸很健忘。

补充资料
$('html,body') chrome firefox safari IE
$('body') chrome safari
$('html') Firefox IE


参考来源:
JQuery Animate scrollTop not working in Firefox