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

为什么页面刚加载出来的时候就已经滚动到底部了啊

window.onload = function(){

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

//获取页面可视区的高度

var clientHeight = document.documentElement.clientHeight;

var timer = null;

var isTop = true;

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 /20);

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

isTop = true;

console.log(osTop -ispeed);

if (osTop == 0){

clearInterval(timer);

}

},30);

}

}// JavaScript Document


正在回答

1 回答

http://img1.sycdn.imooc.com//57351e610001872408090045.jpg

我用的是火狐,你的代码在我电脑上是没问题的,你再试试

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

举报

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

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

进入课程

为什么页面刚加载出来的时候就已经滚动到底部了啊

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