如何检查视口是否已达到某个 HTML 元素？
How I could check whether the view port has reached a certain HTML Element?
我有一个包含图像的样式化组件 div。当用户向下滚动时到达 img 元素时，我想在图像上应用动画。请注意，我在项目中使用的是 React，更具体地说是 Styled Components。
非常感谢。
您可以使用intersection observer API。它克服了使用滚动侦听器的性能问题，但在 IE 或旧浏览器中不支持。
React 有一个很好的包装器：react-intersection-observer
我有一个包含图像的样式化组件 div。当用户向下滚动时到达 img 元素时，我想在图像上应用动画。请注意，我在项目中使用的是 React，更具体地说是 Styled Components。
非常感谢。
您可以使用intersection observer API。它克服了使用滚动侦听器的性能问题，但在 IE 或旧浏览器中不支持。
React 有一个很好的包装器：react-intersection-observer