![How to use getBoundingClientRect() Javascript Method scroll effect (Tutorial with Practice) - DEV Community How to use getBoundingClientRect() Javascript Method scroll effect (Tutorial with Practice) - DEV Community](https://res.cloudinary.com/practicaldev/image/fetch/s--K-wHBCFy--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/d3ytxdw1vaiaz0vn8alc.png)
How to use getBoundingClientRect() Javascript Method scroll effect (Tutorial with Practice) - DEV Community
![Translating Viewport Coordinates Into Element-Local Coordinates Using Element.getBoundingClientRect() Translating Viewport Coordinates Into Element-Local Coordinates Using Element.getBoundingClientRect()](https://bennadel-cdn.com/resources/uploads/2018/translating-viewport-coordinates-to-element-local-position.png)
Translating Viewport Coordinates Into Element-Local Coordinates Using Element.getBoundingClientRect()
![javascript - What should getBoundingClientRect() on a transformed SVG element return? - Stack Overflow javascript - What should getBoundingClientRect() on a transformed SVG element return? - Stack Overflow](https://i.stack.imgur.com/b8tNX.png)
javascript - What should getBoundingClientRect() on a transformed SVG element return? - Stack Overflow
![javascript - Why window.scrollY + element.getBoundingClientRect().top is not equal to element.offsetTop? - Stack Overflow javascript - Why window.scrollY + element.getBoundingClientRect().top is not equal to element.offsetTop? - Stack Overflow](https://i.stack.imgur.com/9WP3O.png)
javascript - Why window.scrollY + element.getBoundingClientRect().top is not equal to element.offsetTop? - Stack Overflow
![javascript - Does getBoundingClientRect().width and height includes paddings and borders of element? - Stack Overflow javascript - Does getBoundingClientRect().width and height includes paddings and borders of element? - Stack Overflow](https://i.stack.imgur.com/Z7aV5.png)