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

回到顶部效果

难度初级
时长40分
学习人数
综合评分9.63
249人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
打卡,讲的还行
老师的腔超级可爱
是我要自学网上的课件吧
简单的功能,但是很实用
isTop表示的是是否要一直向上滚动
多次点击出BUG 可以将timer放在onclick里就好了
//解决双击不能再次拉动滚动条的问题
obtn.onclick = function top() {
time = setInterval(function () {
。。。//省略部分代码
obtn.onclick = function () {
clearInterval(time);top();
}
}, 30);
}
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就会生效
首页上一页1234567下一页尾页
课程须知
1.掌握HTML+CSS基础知识;2.了解JavaScript中onclick事件、简单dom操作、定时器等知识。
老师告诉你能学到什么?
1.掌握两种实现顶部效果的方法; 2.学会定时器、window.onscroll等知识

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消