本文介绍了一种使用JavaScript实现页面平滑滚动到顶部的方法。通过设置定时器并利用window.scrollBy方法，可以使得页面以每次向上滚动30像素的速度平滑地回到顶部。此方法兼容IE及Chrome等浏览器。
//-----------点击事件---------------
onclick="Topfun()"
//-----------js代码---------------
<script type="text/javascript">
var four;
function Topfun(){
four=setInterval(FourscrollBy,10);
}
function FourscrollBy(eachHeight){
if(document.documentElement && document.documentElement.scrollTop) //IE
{
if(document.documentElement.scrollTop<=0){
clearInterval(four);
}else{
window.scrollBy(0,-30);
}
}else{ //Chrome不支持documentElement.scrollTop
if(document.body.scrollTop<=0){
clearInterval(four);
}else{
window.scrollBy(0,-30);
}
}
}
</script>
来源:http://blog.youkuaiyun.com/tc_16_zl/article/details/78684545
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
