2

I am clear on the difference between .offset() and .position() in jquery (as outlined here), however I am confused about how these map to javascript functions. Based on this article it seems like .offsetTop in javascript does the same thing as .position().top in jquery. Is that true? If so, how do you get the behavior of .offset() in javascript? If not, how do you get the behavior of .position()?

Thanks!

Community
  • 1
  • 1
kat
  • 5,645
  • 4
  • 19
  • 35
  • 2
    You might find it interesting http://james.padolsey.com/jquery/#v=git&fn=jQuery.fn.position – dfsq Dec 11 '14 at 16:32
  • For a quick reference if anyone wants the [source](https://github.com/jquery/jquery/blob/f7e60dc83d81cbf892de9dab39642dd67c49bd23/src/offset.js), starting at line 109 – caffeinated.tech Dec 11 '14 at 16:39
  • Thanks @dfsq and @LcLk! Based on this source code, it looks like the equivalent of `.position().top` would be `elem.offsetTop - elem.parentOffset.offsetTop`. is that correct? – kat Dec 11 '14 at 16:47

1 Answers1

3

.position().top in jQuery is equivalent to .offsetTop in javascript.

Both articles referenced in the question are accurate.

Just remember that, as mentioned in the article on .offsetTop, if you want the offset relative to the immediate parent element, you must set the position attribute on that element.

I am still confused by this naming scheme, and I'm not sure how to get the behavior of jQuery .offset() in javascript.

kat
  • 5,645
  • 4
  • 19
  • 35