返回顶部 js实例代码

1. 如何点击 顶部按钮  返回到顶部呢 看实例代码:

  /* 获取滚动条 实现 返回顶部滑动效果*/
    $("#footer").addEventListener('click',goTop);
    function goTop() {
        var pp=document.documentElement;
        var stop=document.body;
       var timer = setInterval(function(){
            //获取滚动条的滚动高度
            var osTop = pp.scrollTop || stop.scrollTop;
            //用于设置速度差,产生缓动的效果
            var speed = Math.floor(-osTop / 6);
             pp.scrollTop=stop.scrollTop = osTop + speed;
            isTop =true;  //用于阻止滚动事件清除定时器
            if(osTop == 0){
                clearInterval(timer);
            }
        },30);
    }

 

猜你喜欢

转载自blog.csdn.net/qq_38366657/article/details/81265233
今日推荐