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

改了一些代码,但是效果出不来,clientHeight测出来的效果是2803,求各位大神看看哪里出错

window.onload=function(){


var obtn=document.getElementById('btn');

    

    var timer=null;

    

    var isTop=true;


    var clientHeight=document.documentElement.clientHeight || document.body.clientHeight;

    window.onscroll=function(){

      

      var osTop=document.documentElement.scrollTop  || document.body.scrollTop;


     if(osTop>=clientHeight){


      obtn.style.display="block";

    }else{


     obtn.style.display="none";

     }


      if(!isTop){

      clearInterval(timer);

      }

      isTop=false;

    }

obtn.onclick=function(){

timer=setInterval(function(){

var osTop=document.documentElement.scrollTop || document.body.scrollTop;


var ispeed=Math.ceil(osTop/5);


document.documentElement.scrollTop=document.body.scrollTop=osTop-ispeed;


if(osTop==0){

clearInterval(timer);

}

isTop=true;

},40)

}

}


正在回答

2 回答

我给你测了一下,除了回到顶部放上去没有回到顶部的这样外,其他代码都没问题。想要测试的话,你还是把课程的素材下下来,自己试一下。注意上面的那个<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">一定要有,不然不行。

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

kenyip 提问者

非常感谢!
2017-02-16 回复 有任何疑惑可以回复我~

我自己的代码就是没了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这个

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

举报

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

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

进入课程

改了一些代码,但是效果出不来,clientHeight测出来的效果是2803,求各位大神看看哪里出错

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