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

仿照老师思路写的jQery代码:


$(function{

 /*停止返回顶部函数*/

var timer=null;

var isTop=true;

var Height=$(window).height();//获取可视窗口高度

/*

停止滚动

 

*/

     $(window).scroll(function(){

         if(!isTop){

             clearInterval(timer);

             if($(window).scrollTop()>=Height){

                  $(".re_top").show();

             }else{

                  $(".re_top").hide();

                  }

         }

        isTop=false;

    });

/*返回顶部主函数*/

$(".re_top").click(function(){

    timer=setInterval(function(){

        var oTop=$(window).scrollTop();//获取滚动条高度


        var speed=Math.floor(-oTop/6);//设置回滚速度

        oTop=oTop+speed;

        $(window).scrollTop(oTop);

            isTop=true;

            //console.log(oTop);

            if(oTop==0){

                clearInterval(timer);

                        }

        },30);

    });


});


正在回答

举报

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

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

进入课程

仿照老师思路写的jQery代码:

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