Jak utworzyć DIV zawsze na dole strony podczas przewijania

Question

Używam poniższego kodu, aby DIV zawsze znajdował się u dołu strony podczas przewijania. Ale to nie działa i zwiększa się wysokość strony.

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

Proszę mi pomóc w tej sprawie.

Answer 1

Dlaczego nie używać prostych CSS?

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

Demo.

Patrz:

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

Answer 2

Może to być prosta kwestia CSS ... można umieścić DIV do stałej pozycji na dnie okienko ekranu i zawsze będzie tam, gdy przewijane, bez żadnych Javascript

position: fixed; 
bottom: 0px; 

Answer 3

Można użyć css

position: fixed; 
bottom: 0; 

aby uniknąć konieczności zrobić to w javascript, jeśli chcesz.

http://jsfiddle.net/A8BGJ/ to prosta demonstracja.

Answer 4

skorzystać z tej zasady:

div { 
    position: fixed; 
    bottom: 0; 
} 

Można również skorzystać z tej techniki w każdym elemencie blokowym rodzicem.

Answer 5

Może pomóc również ustawić szerokość jako dziedziczoną.

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