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

回到顶部效果

难度初级
时长40分
学习人数
综合评分9.63
249人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
背景图片不出来 修改成背景颜色就可以显示

最新回答 / 慕粉4363608
改了也没有效果啊。是什么问题啊?

最赞回答 / 串猪神
看下你图片的位置是否正确。或者浏览器窗口的大小是否太小的原因。
对啊, 直接Math.ceil()不就好了吗? 还要设置为负数....醉了...

最新回答 / 慕粉4363608
我把图片的位置调了一下就可以出来了,但是点击没有回到顶部啊,只是图片切换了。
document.documentElement.clientHeight 不能用 我获取我的数值是两千多 用的获取窗体高度的indow.screen.availHeight

最赞回答 / 玉鸯子
osTop 只是一个变量.里面存有 当前滚动条距离页面顶部距离的值.而你写"osTop=200",只是操作变量osTop,将它的值重置成了200.与document.documentElement.scrollTop这个属性没有关系.
可以试试mousewheel滚轮事件,当用户滚动鼠标滚轮时,我们就清除定时器、停止动画。
http://www.bkjia.com/jQuery/821747.html
但我逛了一些网站貌似都不会去考虑用户中断的情况诶。。。
不错,点个赞
document.documentElement.scrollTop||document.body.scrollTop
直接向上取整不就好了么,还改为负数

最新回答 / 慕标5518689
而且不知道为什么,我用的源码跟js,但是运行出来都没有
按照老师教的做出来,做了小小的改动,测试了IE7+,谷歌和火狐,目前没发现有兼容想问题,谢谢老师!!

最新回答 / illa
<script type="text/javascript">window.onload=function(){ var obtn=document.getElementById("btn"); //获取页面的可视区域的高度 var clientHeight=document.documentElement.clientHeight||document.body.clientHeight; var timer=null; var isTop=true; obtn.onclick=functio...
真的是用什么编辑器的都有
!!!为什么var ostop=document.documentElement.scrollTop||document.body.scrollTop;这样一个DOM定义会触发window.onscroll事件?我把istop= true;放在这条语句前就失败,但放在它后面则没问题,放前面失败很显然,因为没有onscroll操作,但为什么不放在document.documentElement.scrollTop = document.body.scrollTop = osTop +ispeed;这句后面也能成功???
课程须知
1.掌握HTML+CSS基础知识;2.了解JavaScript中onclick事件、简单dom操作、定时器等知识。
老师告诉你能学到什么?
1.掌握两种实现顶部效果的方法; 2.学会定时器、window.onscroll等知识

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消