Kilka pytań dotyczących pozycjonowania elementu div

Witam,
tworzę własną stronę internetową i mam kilka pytań.

1. Jak dynamicznie wykryć zmianę rozmiaru okna przeglądarki? Teraz udaje mi się to robić tylko w trakcie ładowania strony, jak mogę wykryć zmianę rozmiaru, gdy strona została już załadowana?
2. Dlaczego gdy mam dwa divy z position: absolute; i wewnątrz jednego diva ustawie kolejny div z position: fixed; to ten div znika? W żadne sposób nie mogę go zlokalizować.
   Co do drugiego pytania. Chciałbym, aby div, który domyślnie jest przykładowo 500px od górnej krawędzi strony po przescrollowaniu w dół zaczął "podążać" za mną, a przy scrollowaniu w góre, po osiągnięciu jego pierwotnej pozycji (500px od górnej krawędzi) zatrzymywał się i już nie podążał.
   Mam nadzieję, że wszystko jasno opisałem.
   Proszę o pomoc i pozdrawiam.

Cześć! Nie znam odpowiedzi na drugie pytanie niestety ale myślę że w pierwszym pytaniu można by było zastosować szablon responsywny i wtedy cała stronka powinna być dobrze wyświetlana na każdym urządzeniu więc również zgodnie z rozmiarem okna.

1. https://css-tricks.com/css-media-queries/ albo za pomocą js.
2. Ustawiłeś mu właściwości: top, bottom, left lub right ?

Divy mają następujące ustawienia:

.div1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; /*div ma pokryć 100% okna przeglądarki*/
background url(xxx);
background-size: cover; 
}
.div2 {
position: absolute;
width: 100%;
height: 5000px;
top: 0; /*zmieniam po przez js, pobieram wysokość okna przeglądarki i wstawiam - działa dobrze*/
left: 0;
}
.div21 { /*znajduje się w div2*/
position: fixed;
width: 100%;
height: 80px;
}

Pierwsza sprawa rozwiązana. Głowię się już tylko nad drugą. Ktoś ma jakiś pomysł?