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

回到顶部效果

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

最新回答 / 不再使用
我也是 照着抄还是不行 不知道是不是火狐的问题 再说了 和滚动条比速度有点…………我的做法是加一个覆盖全页面的蒙版    然后给它在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);};方法即可

最新回答 / 茉莉520清香
其实你可以用jquery 来写,就不用考虑兼容性的问题了

最赞回答 / 追觅梦初的国度
这个地方明显是老师考虑不全,当滚动条还没到顶部的时候,连续点几次按钮,就会多几个定时器,就 会出现像你说的这种情况,正确的做法是先关在开。<...code...>

最新回答 / 浅水了
if(!isTop)如果条件为false的话  清除定时器,并且isTop值为fasle
课程须知
1.掌握HTML+CSS基础知识;2.了解JavaScript中onclick事件、简单dom操作、定时器等知识。
老师告诉你能学到什么?
1.掌握两种实现顶部效果的方法; 2.学会定时器、window.onscroll等知识

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消