Limitar un div Fixed

[yopmail]

Hola, tengo un sidebar, donde dentro tengo un div "fixed" el problema es que cuando hago scroll, se sobre pone sobre el <footer> y queda horrible.. entonces me gustaria que se quedara el div fixed encima del footer..

Busque y encontre este codigo:

Código PHP:

  $(window).on("scroll", function() {
    var scrollHeight = $(document).height();
    var scrollPosition = $(window).height() + $(window).scrollTop();
    if ((scrollHeight - scrollPosition) / scrollHeight === 0) {
        // when scroll to bottom of the page
    }
}); 
   

Al ponerlo sin mas, no me ha echo nada.. mi pregunta es como se supone que se debe de usar este codigo? si quiero indicarle que el <footer> es el que quiero que respete..

Muchas Gracias y pido disculpas por ser tan noob

[ocp001a]

Supongo que es más tema de css, a tu div "fixed" colócale la propiedad z-index, digamos 10, o algo más si lo requieres, hasta que dicho div se sobreponga al footer.

[yopmail]

Ahi te va +1 por la ayuda :)


Pues bien asi es como lo tengo, pero vi sitios webs que usan jquerry para que el div se quede encima de footer al bajar scroll, queda realmente bien y no hay necesidad de sobre poner el pie de pagina al div fijo..

Encontre este codigo que segun los comentarios funciona, pero no tengo idea de como implementarlo

Dejo la fuente: https://gist.github.com/toshimaru/6102647

Y gracias nuevamente

Iniciado por ocp001a

Supongo que es más tema de css, a tu div "fixed" colócale la propiedad z-index, digamos 10, o algo más si lo requieres, hasta que dicho div se sobreponga al footer.