Cách tạo DIV luôn ở cuối trang khi cuộn

Question

Tôi đang sử dụng mã bên dưới để tạo DIV luôn ở cuối trang khi được cuộn. Nhưng điều này không làm việc và tiếp tục tăng chiều cao Trang.

var LSscrollingDiv = $("#LightSwitchMenuIt"); 
$(window).scroll(function(){ 
    LSscrollingDiv 
     .stop() 
     .animate({"marginTop": ($(window).scrollTop() + $(window).height()) + "px"}, "slow");    
}); 

Hãy giúp tôi về điều này.

Answer 1

Tại sao không sử dụng CSS thẳng?

div.foo { 
    position: fixed; 
    bottom: 0px; 
} 

Demo.

Xem:

• https://developer.mozilla.org/de/CSS/position

Answer 2

Điều này có thể là một vấn đề CSS đơn giản ... bạn có thể đặt một DIV đến một vị trí cố định ở phía dưới chế độ xem và nó sẽ luôn ở đó khi cuộn, không có bất kỳ Javascript

nào

position: fixed; 
bottom: 0px; 

Answer 3

Bạn có thể sử dụng css

position: fixed; 
bottom: 0; 

để tránh phải làm điều này trong javascript nếu bạn muốn.

http://jsfiddle.net/A8BGJ/ là một minh chứng đơn giản.

Answer 4

Sử dụng quy tắc này:

div { 
    position: fixed; 
    bottom: 0; 
} 

Bạn cũng có thể sử dụng kỹ thuật này trong bất kỳ yếu tố khối mẹ.

Answer 5

Nó cũng có thể giúp thiết lập độ rộng là kế thừa.

#div { 
position: fixed; 
bottom: 0; 
width: inherit; 
}