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

回到顶部效果

难度初级
时长40分
学习人数
综合评分9.63
249人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰

已采纳回答 / 李晓健
<...code...>咋就那么难呢? 我这图片的坐标位置你不用关注,因为我用的是同一张图,标到那个位置只是为了看的更明显

最新回答 / 李晓健
http://img1.sycdn.imooc.com//down/53a94f38000148ad00000000.zip有的,用迅雷下试试

已采纳回答 / nc1199
首先,osTop是当前滚动条距离页面顶部的距离,其次是osTop这个值被window.scroll监听,也就是每次触发滚动条事件都会记录一次osTop的值,并且这个值每次还要减去一个ispeed~~(重点就是,将osTop放在window.scroll里面 就是为了每次触发滚动条事件 就记录一次当前距离页面顶部的值)

已采纳回答 / 李晓健
点击之前先清掉前面的定时器  类似以下的伪代码<...code...>

最新回答 / 漠北哥哥
不过最好是把代码贴出来

已采纳回答 / Yvonne_D
document.documentElement.scrollTop 就是滚动条距离最上面的距离,document.body..scrollTop也是一样的意思,就是在IE浏览器下和chrome浏览器下的兼容问题。-=50,就是指每触发一次就距离减少50。

已采纳回答 / Y_du
没啥危害,设置这两个值主要是为了写背景的偏移量。

最新回答 / 不再使用
我也是 照着抄还是不行 不知道是不是火狐的问题 再说了 和滚动条比速度有点…………我的做法是加一个覆盖全页面的蒙版    然后给它在onscroll里面添加个点击事件 点击蒙版就清除定时器示例1.在页面添加一个空div css类似 `#scrollStop{;position: fixed;top: 0;bottom:0;left: 0;right:0}`2.给返回顶部按钮添加一个z-index=1(确保按钮不被div给盖住了)3.js的onscroll中获取#scrollStop并添加点击事件```  ...

最赞回答 / 黛玛
你的style样式表是不是都没有改(html 右边又个css样式表)

最赞回答 / 羽墨渲
在执行onclick事件中,已经触发了onscroll 事件。因为浏览器滚动条滚动时就会触发 onscroll 事件,通常情况下指上下滚动条滚动。所以在这里浏览器无法判断是自动执行的滚动条滚动还是用户手动执行的滚动,直到onclick方法中的setInterval执行完毕也不会进入onscroll 方法。改用window.onmousewheel=function(){clearInterval(timer);};方法即可
课程须知
1.掌握HTML+CSS基础知识;2.了解JavaScript中onclick事件、简单dom操作、定时器等知识。
老师告诉你能学到什么?
1.掌握两种实现顶部效果的方法; 2.学会定时器、window.onscroll等知识

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消