WEB前端教程：滚动事件

学习并实践滚动事件

学习并实践滚动事件

<p id="showScroll"></p>;
window.addEventListener("scroll", function() {
  //your comlement
});

基于上述 html 编写一个显示当前滚动的小函数，在 id 为showScroll的 p 中显示滚动的像素

创建一个无限的页面。当访问者滚动到页面末端时，它会自动将当期日期时间附加到文本中（以便访问者可以滚动更多内容）。具体效果如下图所示

注意滚动是“弹性的”。在某些浏览器/设备中，我们可以在文档的顶端或末端稍微多滚动出一点（超出部分显示的是空白区域，然后文档将自动“弹回”到正常状态）。
注意滚动并不精确。当我们滚动到页面末端时，实际上我们可能距真实的文档末端约 0-50px。因此，“滚动到末端”应该意味着访问者离文档末端的距离不超过 100px。

基于上一个任务，添加一个快速回到顶部的按钮

如果你很快就完成上面的任务，可以去 LeetCode 上去多进行一些练习。

把你今天觉得做得最好的代码放在 Github 后进行提交。

依然把今天的学习用时，收获，问题进行记录。

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

长按或扫描下方二维码，免费获取 Python公开课和大佬打包整理的几百G的学习资料，内容包含但不限于Python电子书、教程、项目接单、源码等等

0 条评论