obliczanie odległości div Opcje

[1q2w3e4r]

Witam.

Mam DIV np. 400px na 300px. Potrzebuję obliczać (np. w jquery jeśli ma taką funkcjonalność) odległość od DIV'a do góry i do dołu okna monitora. Chodzi o to żeby DIV/ramka nie chowała się. Jest tak np. na allegro. Gdy na liście produktów najedziemy na jakiś obrazem przedmiotu to pojawia się ramka, która jest po środku obrazka. Ale gdy najedziemy myszą na ostatni to pojawia się tak tutaj:
http://allegro.pl/odziez-i-bielizna-meska-1455

Więc jak to obliczyć? Da się to jakoś prosto zrobić? Div mam pozycjonowany absolutnie i potrzebuję ustawiać odległość top.
Nie wiem jak się to nazywa i nie mogę znaleźć. Nie chcę już pisać tematu na forum żeby nie zaśmiecać. Będę wdzięczny za podanie linka do przykładu, a może jest jakiś sposób na podglądanie jak takie rzeczy są zrobione w JS tak jak css w firebugu?

Ten post edytował 1q2w3e4r 16.12.2014, 16:03:33

[Pyton_000]

http://api.jquery.com/offset/

[trueblue]

Kod

var h=$('#element').outerHeight();
var y=$('#element').offset().top;
var sh=$(document).height();
if(y<0) //górna krawędź powyżej 0
if(y+h>sh) //dolna krawędź poniżej dolnej krawędzi okna