2012-03-02 39 views
5

Cách thực hiện div cố định khi phát hiện Cuộn bởi Người dùng.
Ví dụ: Thanh bên phải của Facebook, nó bị kẹt khi một vị trí cuộn nhất định được đạt tới.Thực hiện Div cố định khi cuộn

+1

Tôi đã sử dụng điều này trước khi xem http://blog.echoenduring.com/2010/11/15/freebie-contained-sticky-scroll-jquery -plugin/ – elclanrs

Trả lời

7

position:fixed là câu trả lời.
Nhưng bạn luôn có thể xem nguồn của trang web nếu bạn muốn biết cách họ làm điều gì đó. Rất giáo dục!

1

Bạn không chắc chắn đây có phải là ý của bạn không?

Nhưng bạn có thể thêm vị trí CSS-thích hợp: cố định; để nó xuất hiện trên vị trí sam ngay cả sau khi cuộn.

More on CSS positioning

5

Theo dõi xem chúng tôi có đang cuộn hay không.

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

* EDIT

làm điều đó mà không jQuery ..

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

là Jquery này? – sandbox

+0

scrollTop không phải là jQuery cụ thể, nhưng phần còn lại của nó là. – Ohgodwhy

+0

ok ... Điều này có thể đạt được với javascript không? – sandbox

Các vấn đề liên quan