为了账号安全,请及时绑定邮箱和手机立即绑定

关于,回到顶部的滚动条动画bug问题

有bug,连续点击两次按钮,再向下拖动滚动条,不行,怎么破解????

正在回答

2 回答

 $(function(){

  var timer,clientHeight=$(window).height(),isTop=true; 

  $(window).scroll(function(){

                       var osTop=$(document).scrollTop();

                       if(osTop>=clientHeight){

                       $("#btn").css("display","block");

    }else{

                      $("#btn").css("display","none");

    }



    if(!isTop){

    clearInterval(timer);

    }

    isTop=false;

  });

   $("#btn").on('click',function(){

                    timer=setInterval(function(){

                    /*alert($(document).scrollTop());*/

                           var osTop=$(document).scrollTop(),ispeed=Math.floor(-osTop/6);

                              $(document).scrollTop(osTop+ispeed);

                           isTop=true;

                           if(osTop==0){

                                clearInterval(timer);

                           }

                    },30);

   });

 });


0 回复 有任何疑惑可以回复我~
#1

一枚小清流

这种是jQuery的写法吗
2018-10-23 回复 有任何疑惑可以回复我~

在点击事件内先清除一下已有的定时器试试

btn.onclick = function(){

clearInterval(timer);

......

}

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
回到顶部效果
  • 参与学习       44211    人
  • 解答问题       206    个

回到顶部网站不可缺少的一部分,用JS实现炫酷拉风的回到顶部效果

进入课程

关于,回到顶部的滚动条动画bug问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信