jQuery: crear un banner flotante en el sidebar

A continuación un ejemplo de como crear un banner (u otro elemento) flotante en el sidebar o laderal de nuestra web para que permanezca «fijo» al hacer scroll, usando muy pocas líneas en jQuery.

Usando scrollTop para controlar el scroll del navegador y obteniendo la altura de la ventana y elemento que queremos que flote al llegar con el scroll.

var elemento = $("#mi-banner");
$(window).scroll(function() {
    if ( $(window).scrollTop() >= ( window.innerHeight - elemento.height() ) ) {
        element.addClass("fixed");
    } else {
        element.removeClass("fixed");
    }
});

y el css:

#mi-banner.fixed{
    position:fixed; 
    top:0;
}

[demo]