js返回头部效果无法实现,该怎么解决?

收藏
JavaScript
11
Feb 5, 2018

返回头部效果,跟着老师的课程做的JS效果,没有报错,就是不能实现效果。老师的效果正常。如果找出原因,排除bug。

回答

云松回答

问题分析:

在使用JS获取不同浏览器的滚动距离时存在兼容问题,我们想要找到这种问题所在,排除bug,可以使用浏览器调试工具的 断点调试

解决办法:

你在获取浏览器滚动位置时使用document.body存在兼容问题,使用断点调试时,判断滚动距离哪里, 获取的滚动距离为0

所以点击返回顶部条件不成立,无法返回顶部。

使用 兼容处理办法 获取滚动距离   scro = document.documentElement || document.body   可以解决该问题
 

(0)

提交成功