Przyklejony pasek boczny: trzymaj się dołu podczas przewijania w dół, góra podczas przewijania w górę

Od jakiegoś czasu szukam rozwiązania mojego problemu z przyklejonym paskiem bocznym. Mam konkretny pomysł, jak chciałbym, aby działał; efektywnie chciałbym, aby przyklejał się do dołu podczas przewijania w dół, a następnie, gdy tylko przewiniesz do tyłu, chciałbym, aby trzymał się u góry, płynnym ruchem (bez skoków). Nie jestem w stanie znaleźć przykładu tego, co próbuję osiągnąć, więc stworzyłem obraz, który, mam nadzieję, zilustruje sprawę jaśniej:

Pasek boczny znajduje się pod nagłówkiem.Podczas przewijania w dół pasek boczny pozostaje na poziomie zawartości strony, dzięki czemu można przewijać zarówno pasek boczny, jak i zawartość.Dotrzyj do dolnej krawędzi paska bocznego, pasek boczny przykleja się do dolnej części okienka ekranu (większość wtyczek pozwala tylko na przyklejenie do góry, niektóre z nich pozwalają na przyklejenie do dołu).Sięgnij na dół, pasek boczny znajduje się nad stopką.Podczas przewijania wstecz pasek boczny pozostaje na poziomie zawartości, dzięki czemu można ponownie przewijać zawartość i pasek boczny.Sięgnij na górę paska bocznego, pasek boczny przyklei się do górnej części rzutni.Sięgnij na górę, a pasek boczny z powrotem pod nagłówkiem.

Mam nadzieję, że to wystarczy. Stworzyłem jsfiddle, aby przetestować wszystkie wtyczki / skrypty, które zresetowałem dla tego pytania:http://jsfiddle.net/jslucas/yr9gV/2/ .

questionAnswers(6)

yourAnswerToTheQuestion