How to check if an element is in the view of the user with jquery

Question

I have a very big draggable div in my window. This div has a smaller window.

Answer 1

have a look at this plugin

It give's you the option to do the following selectors

$(":in-viewport")
$(":below-the-fold")
$(":above-the-top")
$(":left-of-screen")
$(":right-of-screen")