Jump to content


overflowed elements messing up my offset

Recommended Posts

Hi, Messing around with some parallax effects and noticed that my overflow-ed elements are throwing off my offset. Can I get offset of an element within the event somehow or a correct offset?






See the Pen 41ca73b1a7f0578bbc6eb229f8881185 by rgfx (@rgfx) on CodePen

Link to comment
Share on other sites

Don't use offsetX/Y for that. It's kind of like .position() in jQuery, and will include padding. That's where you get 30 extra pixels from. It also doesn't take any transforms into account. So if your box was scaled, it would still report the offset as if your box wasn't scaled, throwing all your coordinates off.


To get the mouse position relative to your box, use clientX/Y and subtract the box's boundingClientRect from it.



  • Like 6
Link to comment
Share on other sites

@OSUblake Thank pal,


I was messing around with slight rotations as well things were not going very well clientX/Y feels like butter.

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.