Corregir objetos fijos en los pies de página

El problema común de los objetos fijos que se desplazan sobre los pies de página tiene una solución simple. Por ejemplo, consideremos un cuadro fijo para "compartir" en la esquina inferior izquierda de la pantalla. Para evitar que se superponga al pie de página, lo detendremos unos 10 píxeles por encima del pie de página.

Primero, debemos determinar la proximidad del cuadro al pie de página cada vez que se desplaza la página:

$(document).scroll(function() {
    checkOffset();
});

Si el cuadro se acerca demasiado al pie de página (es decir, dentro de 10 píxeles), cambiaremos su posición a absoluta:

function checkOffset() {
    if($('#social-float').offset().top   $('#social-float').height() 
                                           >= $('#footer').offset().top - 10)
        $('#social-float').css('position', 'absolute');
    if($(document).scrollTop()   window.innerHeight 
Tenga en cuenta que el padre del #social-float debe ser hermano del pie de página en la estructura HTML.