Cómo hacer un DIV siempre en la parte inferior de la página cuando se desplaza

Question

Estoy usando el siguiente código para hacer un DIV siempre en la parte inferior de la página cuando se desplaza. Pero esto no funciona y sigue aumentando la altura de la página.

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

Por favor, ayúdenme en esto.

Answer 1

¿Por qué no utilizar CSS recto?

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

Demo.

Ver:

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

Answer 2

Esto podría ser un tema sencillo CSS ... se puede colocar un DIV para una posición fija en la parte inferior de la ventana gráfica y siempre estará allí cuando se desplaza, sin ningún Javascript

position: fixed; 
bottom: 0px; 

Answer 3

Puede utilizar css

position: fixed; 
bottom: 0; 

para evitar tener que hacer esto en javascript, si quieres.

http://jsfiddle.net/A8BGJ/ es una demostración simple.

Answer 4

Uso estas reglas:

div { 
    position: fixed; 
    bottom: 0; 
} 

También puede utilizar esta técnica en cualquier elemento de bloque padre.

Answer 5

Puede ayudar tener el ancho configurado como heredado también.

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