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

回到顶部效果

难度初级
时长40分
学习人数
综合评分9.63
249人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
简介:回到顶部效果是目前大型网站不可缺少的一部分,也许你已经会用锚链接的方式来实现,是不是不满意呢?这里将重点分享用JavaScript技术来实现,不仅可以设定按钮出现的时机,还能实现对滚动条速度的控制,是不是很炫酷呀!

第1章 案例效果展示及锚链接

展示回到顶部效果的使用场景,并对锚链接的实现方式进行详细讲解。

第2章 案例实现中相关知识点讲解

对用JS方法实现回到顶部效果需要用到的DOM操作、事件运用及定时器等知识点进行讲解。

第3章 用HTML+CSS实现页面布局

用HTML和CSS对回到顶部效果中的主角——按钮,进行布局实现。

第4章 用JavaScript实现回到顶部效果

案例核心内容,不仅讲述具体怎么用JavaScript实现回到顶部效果,还会分享如何对效果“按钮”进行显示与隐藏。
课程须知
1.掌握HTML+CSS基础知识;2.了解JavaScript中onclick事件、简单dom操作、定时器等知识。
老师告诉你能学到什么?
1.掌握两种实现顶部效果的方法; 2.学会定时器、window.onscroll等知识

微信扫码,参与3人拼团

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

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