2012-03-02 24 views
5

Jak zrobić div ustalony na wykrycie przewijania przez użytkowników.
Przykład: Prawy pasek boczny Facebooka utknie, gdy zostanie osiągnięta określona pozycja przewijania.Dokonywanie Div naprawiony na przewijanie

+1

Użyłem tego przed obejrzeniem http://blog.echoenduring.com/2010/11/15/freebie-contained-sticky-scroll-jquery -plugin/ – elclanrs

Odpowiedz

7

position:fixed jest odpowiedzią.
Ale zawsze możesz spojrzeć na źródło witryny, jeśli chcesz wiedzieć, jak coś robią. Bardzo edukacyjne!

1

Nie jestem pewien, czy o to ci chodzi?

Ale możesz dodać pozycję CSS-propery: fixed; aby pojawił się na sam miejscu nawet po przewinięciu.

More on CSS positioning

5

monitorować, czy nie mamy do przewijania.

if($(window).scrollTop() > 0){ 
    //we're scrolling our position is greater than 0 from the top of the page. 
    $("#element").css({'position' : 'fixed'}); 
} 

* EDIT

zrobić to bez jQuery ..

if(window.scrollTop() > 0){ 
    document.getElementById('element').style.position="fixed"; 
} 
+0

to jest ten Jquery? – sandbox

+0

scrollTop nie jest specyficzne dla jQuery, ale reszta jest. – Ohgodwhy

+0

ok ... Czy można to osiągnąć za pomocą javascript? – sandbox

Powiązane problemy