javascript - How does JS dynamically load images determine whether the image is on the screen?
世界只因有你2017-05-19 10:20:40
0
2
462
Scroll down with the mouse and load the image when the target area appears on the screen. So how to determine whether the target area appears on the screen?
Use the getBoundingClientRect() method of the image to return the left, top, right and bottom relative to the viewport to determine whether it is within the viewport.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Use the
getBoundingClientRect()method of the image to return the left, top, right and bottom relative to the viewportto determine whether it is within the viewport.
Refer to getBoundingClientRect
Calculate the distance from the image to the head of the page, and then detect the scrolling distance of the scroll bar