关于Firefox 的 scrollTop问题

关于FireFox与Chrome的scrollTop的兼容问题

在火狐上只能通过html元素来获取和设定页面滚动高度，而在谷歌上只能用body元素来获取和设定，所以需要区别对待。

解决方法一：

先确定是什么浏览器，然后，不同对待即可。 

if (navigator.userAgent.indexOf('Firefox') >= 0){

    document.documentElement.scrollTop=0;

}

else

{

   $("body").scrollTop(0);

}

 

解决方法二：

由于jquery实现了对scrollTop属性的封装，采用 $(document)即可实现对获取和设定scrollTop的兼容

 

最终解决方案

获取或直接设定当前页面滚动高度：$(document).scrollTop(); //获取，兼容火狐谷歌

有动画效果的设定当前页面滚动高度：$("body,html").animate({ scrollTop: 500 }); //动画滚动效果，兼容火狐谷歌