front-end
3篇文章 · 0订阅
  • IntersectionObserver API 应用总结
    今天主要给大家分享下本人在日常开发中关于 IntersectionObserver 的一些实际应用，关于 API 原理以及介绍大家可以阅读 Intersection Observer API - MDN 和 IntersectionObserver API 使用教程。 使用 I…
    JavaScript
  • 超好用的API之IntersectionObserver
    这是个还在草案中的API，不过大部分浏览器均已实现（除了IE）。先看下MDN中的介绍： 当页面滚动时，懒加载图片或其他内容。 实现“可无限滚动”网站，也就是当用户滚动网页时直接加载更多内容，无需翻页。 滚动到相应区域来执行相应动画或其他任务。 一直以来，检测元素的可视状态或者两…
    DOM
  • 判断元素在页面的可视范围内用Intersection Observer 不香吗？
    可视区域即我们浏览网页的设备肉眼可见的区域，在日常开发中，我们经常需要判断目标元素是否在视窗之内或者和视窗的距离小于一个值（例如 100 px），从而应用在图片懒加载，长列表滚动。
    前端
    判断元素在页面的可视范围内用Intersection Observer 不香吗？