详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题

虽然实现了兼容，但为了有更好的效果，我希望采用动画的方式滚动到页面的某位置，而不是直接跳转，这里采用jquery的 animate 函数来实现。

发现虽然可以采用$(document)来实现获取和设定，但动画效果都无法使用，还是只能用body元素和html元素来实现。

最终解决方案

遂最完美的实现方案是：

获取或直接设定当前页面滚动高度：

$(document).scrollTop();//获取，兼容火狐谷歌 

有动画效果的设定当前页面滚动高度：

$("body,html").animate({ scrollTop: ... });//动画滚动效果，兼容火狐谷歌 

最终效果可以点击本篇文章顶部的目录链接来查看效果：

jQuery CSS 操作 – scrollTop() 方法

实例

设置 <div> 元素中滚动条的垂直偏移：

$(".btn1").click(function(){
 $("div").scrollLeft(100);
});

定义和用法

scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。
scroll top offset 指的是滚动条相对于其顶部的偏移。
如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。

语法

$(selector).scrollTop(offset)

提示和注释

注释：该方法对于可见元素和不可见元素均有效。