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

回到顶部效果

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

最新回答 / weibo_yx阳光宅男xy_0
定义一个参数isTop为真,当滚动轮滚动时,这个参数变为假,当条件为  !isTop , 也就是假时,清除定时器。滚动效果结束。get it ?
if(!isTop){
clearInterval(time);
}
isTop=false; 这块表示没听懂
代码地址https://github.com/yangMVP/backToTop
使用JavaScript和jQuery分别实现了该案例,有兴趣的可以来看看。有github账号的给个star啦,没有的。。。赶紧捣鼓一个来吧。地址:https://github.com/CruxF/IMOOC/tree/master/HTML_CSS
多次点击回到顶部,会有个小bug,不知道有没有大神可以解决
这个教学很好,这个很常用
没有效果是因为注释格式不对,故下一句代码无效。正确的注释应为暗灰色
为什么看不到A标签呢?我们分析下css代码,首先我们都知道A属于inline(内联元素),且当前content(内容)是没有的,所以看不到图片(想看到图片再</a>前面加上字)。分析完毕,因为我们不需要给a加上字而是想显示图片,那么我们需要转换成bloc(块元素),转换后我们发现图片出现了,但是位置还是不对,因为left:50%没有起到作用,那么我们可以分两个方法,第一删除left:50%修改margin-left为90%,第二不写display:block,改写position:fixed(position:absolute/fixed;可以将元素设置为内联块级元素),此时left就会生效
网页图片没居中.box添加margin:0 auto;
可以把那个速度再加1,那么速度最小都能为1,就可以到顶部了,就不用写负数了
还有个一个方法就是让那个距离每次减少当前距离的十分之一,dom 编程艺术里面的那种
道理我都懂,可是放个Java的logo是什么鬼
#btn:hover{background-position:left -40px;}
课程须知
1.掌握HTML+CSS基础知识;2.了解JavaScript中onclick事件、简单dom操作、定时器等知识。
老师告诉你能学到什么?
1.掌握两种实现顶部效果的方法; 2.学会定时器、window.onscroll等知识

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消