En mi sitio tengo la etiqueta nav
y en su interior lo siguiente
<ul>
<li class="current">
<a href="#inicio" data-scrollto="#inicio">
<div>Inicio</div>
</a>
</li>
<li>
<a href="#trabajos" data-scrollto="#trabajos">
<div>Trabajos</div>
</a>
</li>
<li>
<a href="#about" data-scrollto="#about">
<div>Quienes Somos</div>
</a>
</li>
<li>
<a href="#msj" data-scrollto="#msj">
<div>Mensajeanos</div>
</a>
</li>
</ul>
Hay una clase
current
que le dá un color de fondo distinto al elemento de la lista (en este caso a Inicio). Yo quisiera que esta clase se vaya colocando en los distintos elementos del menú (en el que corresponda) cuando hago scroll por la pagina y voy pasando por las distintas secciones.
Alguna idea de como podría hacerlo? Muchas gracias
scrollTop
property, y despues por javascript añades un listener para el scroll. Ahí capturas el scroll de la pantalla y según el resultado cambias la clase al elemento que corresponda. Espero pilles la idea. saludos!section
!! Era lo que necesitaba :)