CODEWITHSUNDEEP
javascriptscrolloffset
Adeem Maqsood Basraa
Adeem Maqsood Basraa

Reputation: 193

Getting offset of an object which is offscreen

I am trying to get offset position of an object which is not on screen. For example, I have a scroll which display two html pages, I want to draw lines on second page which is not on the curent screen. When i try to get offset it return me NaN.

Anyone have any idea how to get the positions of object which is not on screen?

Upvotes: 0

Views: 472

Answers (1)

Ruan Mendes
Ruan Mendes

Reputation: 92324

I don't know of any problems getting the position of an off-screen object. You just need to make sure it is rendered. Usually, the problem is that your element is set to display:none, in which case you get NaN for its position. There are two solutions:

  • Make the element absolutely positioned (display: block) with top left very negative so it's offscreen
  • Just use 'visibility: hidden' instead. That forces it to calculate the dimensions even though it's not visible (since it takes up space)

Please post simplified code to show your problem if this does not solve your problem.

Upvotes: 1

Related Questions