Cómo desplazar un elemento fijo hasta que llegue a algún punto
Tengo un div que necesito fijar en la parte inferior de la pantalla, hasta que llegue a algún punto después de desplazarme y parar allí y quedarme. Si un usuario comienza a desplazarse hacia arriba, hágalo nuevamente después de pasar ese mismo punto.
¿Alguna idea sobre cómo se puede lograr esto?
EDITAR: (aquí está mi código actual que no funciona)
<pre><code>$(window).scroll(function () {
if ($(this).scrollTop() < $(document).height() - 81) {
$('#bottom_pic').css('bottom', "0px");
}
else {
$('#bottom_pic').css('bottom', "81px");
}
});
</code></pre><p>CSS:</p><pre><code>#bottom_pic
{
position: fixed;
bottom: 0px;
}
</code></pre>
¡Gracias!