Footer pegado fijo abajo con javascript

Q tal, tengo una consulta sobre javascript, queria saber si se puede hacer q el footer de una pagina este pegado a abajo del todo del navegador, siempre fijo, y q al hacer scroll las cosas "pasen por abajo", como si el footer fuera una capa superior. Yo logre hacerlo pero poniendolo arriba con las siguientes instrucciones:

var footer = document.getElementById('footer');
footer.style.top = document.body.scrollTop;

Pero me gustaria ponerlo abajo, de la misma manera. La idea tambien es que al achicar el navegador el footer siempre este abajo del todo y en posicion fija, que se adapte al tamaño del navegador.

Espero respuesta favorable y gracias de antemano. Un saludo.

Pues hombre la solucion es mas facil que javascript, tu solucion la tiene CSS, debes establecer las siguientes propiedades CSS para tu footer, entendiendose que estes el ID del mismo:

Código HTML :

#footer {
  width: 100%;
  position: fixed;
  bottom: 0px;
  left:0px;
  z-index: 99999;
}

Con eso tu footer quedara en la parte inferior del navegador, se ajustara al ancho del mismo, estara por encima del resto de elementos de tu pagina y no se movera de la posicion establecida .

Pruebalo y cuentas com ote fue.

Gracias man eso funciono, lo unico q no le puse la propiedad z-index, queda muy bueno, muchas gracias!