Estoy desarrollando un página web que tiene barra de menús lateral y vertical en posición fija. Cada elemento li del menú tiene una leyenda oculta (con clase .menup).
Al hacer scroll se muestra la leyenda correspondiente a la parte de la página en que estás y se ocultan la demás.
Lo tengo solucionado pero sospecho que debe haber alguna forma más óptima y elegante de hacerlo (sobretodo esa cadena de ifs elses me turba). Y ahí es dónde pido ayuda.
¿Alguién puede sugerirme?
Gracias.
El código:
Código:
$(window).on('scroll', function(e){
var elscroll = parseInt($(window).scrollTop());
var leyenda = $('.menup');
var mostrar = 0;
if($(window).scrollTop()<750){
mostrar = 0;
}else{
if($(window).scrollTop()>750 && $(window).scrollTop()<1650){
mostrar = 1;
}else{
if($(window).scrollTop()>1650 && $(window).scrollTop()<2500){
mostrar = 2;
}else{
mostrar = 3;
}
}
}
$(leyenda).each(function(index) {
if(index == mostrar){
$(leyenda[index]).css('display', 'block');
}else{
$(leyenda[index]).css('display', 'none');
}
});
});
})
