How to determine exact position of a dom element regardless of scrolling

Asked May 13 '15 at 08:42

Active May 13 '15 at 08:47

Viewed 91 times

I need the bounds of a dom element and use it by shrinking a little, here's my code:

var rack = $('.rack')[0];
var rackBounds = rack.getBoundingClientRect();

rackBounds = {
  top: rack.offsetTop + 10
  left: rack.offsetLeft + 10
  height: rackBounds.height - 10
  width: rackBounds.width - 10
};

When I use this it works fine, but if I scroll the page to bottom, this fails, why

edited May 13 '15 at 08:45

asked May 13 '15 at 08:42

eguneys

6,028
7
31
63

Can you create jsfiddle demo – Tushar May 13 '15 at 08:43
I am using [greensock](greensock.com/gsap) for drag drop, it doesn't respect these bounds, when I scroll bottom. @Tushar – eguneys May 13 '15 at 08:44
Possible duplicate of http://stackoverflow.com/questions/1002934/jquery-x-y-document-coordinates-of-dom-object – S.Krishna May 13 '15 at 09:48
You may need to create a fiddle for this. Its a little difficult to imagine what the problem might be. – Tahir Ahmed May 15 '15 at 04:01

How to determine exact position of a dom element regardless of scrolling

0 Answers0