How can I determine whether an element on the page is within the user's current scroll pane?

Question

I'm working on an infinite scroll implementation using IndexedDB. I am at the part where I need to determine the last element visible on the page.

How can I determine whether an element on the page is within the user's current scroll pane? If possible, I would prefer native JS over libraries or plugins for jQuery.

You can check this answer out. http://stackoverflow.com/questions/487073/jquery-check-if-element-is-visible-after-scroling Hope it helps. — theintersect, Dec 07 '11 at 01:59
Yes, agreed this is possible dupe of #1 comment above. Sorry for not seeing sooner. — buley, Dec 07 '11 at 02:10

Michael Low · Accepted Answer · 2014-01-17T08:39:08.853

1

I understand the reluctance to use jQuery plugins, but when there is one that seems to do exactly what you're looking for - http://www.appelsiini.net/projects/viewport - that's surely the easiest way to go.

edited Jan 17 '14 at 08:39

answered Dec 07 '11 at 01:59

Michael Low

23,431
15
75
115

How can I determine whether an element on the page is within the user's current scroll pane?

1 Answers1