制作回到顶部
下面先用HTML CSS制作样式,如图
HTML部分,代入图片
CSS部分
无js结果如图
来到js部分
文档根节点HTML的可视高度
获取回到顶部按钮
变量
记录滚动条滚动触发机制
绑定滚动条滚动事件:
回到顶部按钮点击事件:
查看结果
当滚动条拉到该位置时,便会显示回到顶部图标,点击图标就会回到顶部
回到顶部案例便完成了
制作回到顶部
下面先用HTML CSS制作样式,如图
HTML部分,代入图片
CSS部分
无js结果如图
来到js部分
文档根节点HTML的可视高度
获取回到顶部按钮
变量
记录滚动条滚动触发机制
绑定滚动条滚动事件:
回到顶部按钮点击事件:
查看结果
当滚动条拉到该位置时,便会显示回到顶部图标,点击图标就会回到顶部
回到顶部案例便完成了