jquery fixed position div

[sadNot]

Witam, jak wszyscy wiemy łatwo można zrobić div'a umieszczonego w jakims elemencie strony, na ktorego przewijanie nie działa za pomocą position:fixed

Chciałbym osiągnąć podobny efekt, ale załóżmy że okienko ma margines top 100px. Przeciągamy scrollem w dół strony, okienko się przemieszcza wraz z całym tłem strony, ale gdy dotknie górnej krawędzi, robi się fixed i już przy niej zostaje (czyli po tym jak 100px przewiniemy strony to dopiero div nabiera position:fixed, a jak wracamy to zeby znowu wyrównał do poprzedniego stanu).

Nie wiem za bardzo od czego zacząć poszukiwania. Za wskazówki jak takie coś osiągnąć serdecznie dziękuję. Pozdrawiam.

[sorrow]

Widziałem wiele razy to na kilku stronach nawet w Google Gmailu jest jak przewijasz na głównej wiadomości:

gdy scroller będzie dalej niż 100px to zmień na position fixed oraz dodaj top:0; albo lepiej position absolute top:0;

$(window).scroll(function() {

//parseInt($('.menu').css(''));

if ( window.pageYOffset > 100) {

$('.menu').css('position','fixed').css('top','100px'); /// albo addClass i removeClass dla dal różnych wartości

} else {

$('.menu').css('position','absolute').css('top','0');

}

});

tak na szybkiego nie wiem czy działa zapewne jakie bugi

Dobra znalazłem to chyba to:

https://www.derekallard.com/blog/post/condi...-sticky-sidebar

https://net.tutsplus.com/tutorials/html-css...jquery-and-css/

Znalazłem jeszcze coś takiego:

https://www.jqueryclip.com/anime/jquery-scroll-follow

[sadNot]

dzieki, bedziemy kombinować