利用scrolltop实现回到顶部功能遇到的坑

实现一个简单的点击回到顶部 ,  就直接写了一个点击事件

document.body.scrollTop = 0;

测试发现在谷歌浏览器没效果 , 在火狐浏览器可以

然后就查询了一下发现谷歌是不支持body元素获取scrollTop 属性的,

谷歌下需要用到document.documentElement.scrollTop,

在苹果的safari浏览器下只能用window.pageYOffset来替代scrollTop

然后就衍生出了下面这种兼容写法:

function getScrollTop(){ 

var scrollTop=document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;  

return scrollTop; 

}; 

function setScrollTop(num){ 

document.documentElement.scrollTop = num;   

window.pageYOffset = num;  

document.body.scrollTop = num;   

}；

在jQuery下也有同样的兼容问题 ,

$('body').scrollTop();在IE火狐下有效,$('html').scrollTop();在谷歌和Safari下有效,

最终版本$('html,body').animate({'scrollTop':0},300);