javascript - 如何检查视口是否已达到某个 HTML 元素？
问题描述
我有一个包含图像的样式组件 div。当用户向下滚动时到达 img 元素时，我想在图像上应用动画。请注意，我在我的项目中使用了 React，更具体地说是 Styled Components。
非常感谢。
解决方案
您可以使用交叉点观察者 API。它克服了使用滚动监听器的性能问题，但在 IE 或旧浏览器中不支持。
React 有一个很好的包装器：react-intersection-observer
这是一个带有样式组件的示例：
推荐阅读
- python - python：如何计算结构张量的特征值和特征向量？
- python - 将 FFMPEG 添加到 macOS 路径以在 Python 中将 mp3 转换为 WAV 的问题
- json - Javascript - 从对象中获取返回 json
- javascript - 如何解决 slick.js 的“未捕获的类型错误：无法读取未定义的属性”
- java - Gson @AutoValue 和 Optional<> 不能一起工作，有解决方法吗？
- java - 如何在处理 DataIntegrityViolationException 时获取密钥的名称？
- laravel - 如何初始化一个组件
- java - Gradle 配置文件使用 System.setProperty 获取未知属性
- r - 如何为两组数据以数字方式对 ggplot2 上的 x 轴进行排序？
- python - 动态初始表单数据