Menu boczne - strona przewija się w nieskończoność

Question

Witam. Mam na stronie menu nawigacyjne po lewej stronie. Chcę, aby się przesuwało w dół wraz z przewijaniem strony. Mam taki kod:

$(function() {
				var $sidebar   = $("#menu"), 
				$window    = $(window),
				offset     = $sidebar.offset(),
				topPadding = 15;
				$window.scroll(function() {
					if ($window.scrollTop() > offset.top) {
						$sidebar.stop().animate({
							marginTop: $window.scrollTop() - offset.top + topPadding
						});
					} else {
						$sidebar.stop().animate({
							marginTop: 0
						});
					}
				});
			});

Ta funkcja działa, ale gdy dojeżdżam do stopki to strona ciągle się sztucznie wydłuża, przez co można przewijać ją w nieskończoność. Jak temu zapobiec?

Answer 1

Musze cię zmartwić. Tak się tego nie robi :) Takie barejy jesteś w stanie zrobić już samym CSSem.

Najnowszy sposób to 

    position: sticky;
    top: 0;

Jeśli chcesz większe wsparcie poczytaj o position relative, absolute, fixed

Comments

Dzięki. Gdy robiłem przez position to zapominałem o top, więc na początku z tego rozwiązania zrezygnowałem