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

这个火狐貌似有兼容问题,document.documentElement.scrollTop = document.body.scrollTop -= 200;点击之后火狐直接回到最顶端的,谷歌测试正常

正在回答

1 回答

这不是兼容问题,,作者这么写就是错的,“document.documentElement.scrollTop = document.body.scrollTop -= 200;”相当于是对document.documentElement.scrollTop赋值为document.body.scrollTop,然后再计算document.body.scrollTop -= 200,在火狐和IE中document.body.scrollTop为0,所以就将本来在火狐和IE中有效的document.documentElement.scrollTop赋值为0了,虽然计算后document.body.scrollTop时能取到正确的值的,但document.body.scrollTop在火狐IE中无效,所以出现了火狐失效的情况,你分开写吧:

document.documentElement.scrollTop -= hTop;

 document.body.scrollTop -= hTop;//兼容chrome

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

菜鱼

谢谢,分析得很透彻。
2014-12-14 回复 有任何疑惑可以回复我~
#2

普罗提亚ban

那个 我的代码是:document.documentElement.srollTop = document.body.scrollTop = osTop + ispeed;结果在火狐和IE里面点击回不去,改成分别写的:document.documentElement.srollTop = osTop + ispeed; document.body.scrollTop = osTop + ispeed;也是不行,请问是怎么回事啊?谢谢!
2015-04-16 回复 有任何疑惑可以回复我~

举报

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

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

进入课程
意见反馈 帮助中心 APP下载
官方微信