源码小哥哥 发表于 2018-12-21 15:59:25

JavaScript实现回到顶部实例视频教程



课程简介:
回到顶部效果是目前大型网站不可缺少的一部分,也许你已经会用锚链接的方式来实现,是不是不满意呢?这里将重点分享用JavaScript技术来实现,不仅可以设定按钮出现的时机,还能实现对滚动条速度的控制,是不是很炫酷呀!

课程须知:
1.掌握HTML+CSS基础知识;2.了解JavaScript中onclick事件、简单dom操作、定时器等知识。

课程能学到什么?
1.掌握两种实现顶部效果的方法;
2.学会定时器、window.onscroll等知识

课程目录:
第1章 案例效果展示及锚链接
展示回到顶部效果的使用场景,并对锚链接的实现方式进行详细讲解。
1-1 案例效果展示及锚链接 (02:35)
第2章 案例实现中相关知识点讲解
对用JS方法实现回到顶部效果需要用到的DOM操作、事件运用及定时器等知识点进行讲解。
2-1 案例实现中相关知识点讲解 (02:42)
第3章 用HTML+CSS实现页面布局
用HTML和CSS对回到顶部效果中的主角——按钮,进行布局实现。
3-1 用HTML CSS实现页面布局 (07:07)
第4章 用JavaScript实现回到顶部效果
案例核心内容,不仅讲述具体怎么用JavaScript实现回到顶部效果,还会分享如何对效果“按钮”进行显示与隐藏。
4-1 用JavaScript实现回到顶部效果 (18:18)
4-2 用JavaScript实现“按钮”的显示与隐藏 (05:50)

**** Hidden Message *****

2325627648 发表于 2020-8-5 21:49:54

李才哥 发表于 2021-1-1 23:12:15

啥也不说了,感谢楼主分享哇!

wjjnicholas 发表于 2023-2-17 23:16:25

6666666666666666666666666666

hermeticnosh 发表于 2023-2-22 00:57:26

额,看不懂在说神马~@_@
页: [1]
查看完整版本: JavaScript实现回到顶部实例视频教程