He creado un glosario en mi web y me gustaría que el indice se quedara fijo mientras el div que lo contiene sigue haciendo scroll.
Un ejemplo, tipico con sidebar:
demo
Es la demo de un
plugin que he intentado usar sin exito.
Este es el codigo que tengo hasta ahora. He conseguido, gracias a la ayuda de este foro, que el div quede fijo una vez que llega al top de la pagina. Pero no consigo que deje de estar fijo cuando llege al final del div contenedor.
jQuery(document).ready(function() {
var s = jQuery("#scrollablemenu");
var pos = s.offset();
jQuery(window).scroll(function() {
var windowpos = jQuery(window).scrollTop();
if (windowpos >= pos.top - 50) {
s.addClass("stick");
} else {
s.removeClass("stick");
}
});
});
Les dejo un link para que puedan verlo funcionar
aquí.