/ / Ustaw div na górze, gdy przewiń do przeszłości o 100% wysokości - html, scroll, height, fixed

Ustaw div na górze, gdy przewiniesz za 100% wysokości - html, scroll, height, fixed

Szukałem po wszystkim, jak naprawić div, przewijając w przeszłości 100%, a następnie, aby ponownie usiadło, gdy jest poniżej 100%.

Używam tego jsfiddle do pracy, gdy chcę usiąść na określonej wysokości pikseli.

Każda pomoc będzie bardzo ceniona.

Alternatywnie, posiadanie elementu div fix, gdy inny element div jest widoczny, może działać równie dobrze.

Z góry dziękuję.

Oto kod dla jsfiddle.

function fixDiv() {
var $cache = $("#getFixed");
if ($(window).scrollTop() > 100)
$cache.css({"position": "fixed", "top": "10px"});
else
$cache.css({"position": "relative", "top": "auto"});
}
$(window).scroll(fixDiv);
fixDiv();

Odpowiedzi:

1 dla odpowiedzi № 1

po prostu ustaw menu u góry ekranu ze stałym pozycjonowaniem:

#myMenu{
position : fixed;
top : 10px;
left : 10px;
}

Z twoich komentarzy myślę, że to właśnie próbujesz osiągnąć. Sposób, w jaki to zadziała, to:

Masz <div> ze 100% wysokością klikniesz przycisk, a strona przewinie się do następnego elementu div, który jest 100% wysokością. Następnie klikniesz, aby przejść do następnego lub ostatniego <div>. Tymczasem menu zawsze pozostaje w tym samym miejscu. To właśnie oznacza "Ustalone pozycjonowanie". nie ważne gdzie przewiniesz to menu div zawsze pozostanie w to samo miejsce.

Edytować

spróbuj tego, jeśli chcesz, aby menu schowało się podczas przewijania, a następnie pojawi się ponownie w tym samym miejscu.

$(document).scroll(function(){
$("#myMenu").hide();
});

to musiałbyś pokazać, możesz znaleźć rozwiązanie z dokładnym kodem, który działa, ale to jest pomysł