Soporte » Plugins y Hacks » Cambiar color icono al hacer scroll

  • Hola!!!

    Estoy intentando que cambie el color del icono del menú (burguer), del plugin Responsive Menu, cuando hago scroll pero no hay manera. He mirado en distintas webs pero no consigo dar con la forma. ¿De qué manera puedo hacer para que el icono pase a color negro al hacer scroll???

    Mil gracias!!!

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Hola,

    Pregunta, porque lo quieres cambiar el color si por lo que veo en el diseño el header no esta fijado con lo que cuando te desplazas por la web no se ve.

    Igualmente eso lo cambias por css mirando que class es la que le da el color si no es una imagen, miralo desde el inspector de tu navegador

    Iniciador del debate abrmoralesm

    (@abrmoralesm)

    Hola, perdona pero sí está fijado. Hemos estado haciendo unos cambios y es posible que hayas visto otra versión de la web. Si entras ahora verás que está fijado.
    Lo hemos mirado con el inspector, pero lo que no sabemos es qué hay que hacer para que cambie con el scroll :S

    Gracias por el interés 🙂

    Veamos lo que tienes que hacer es detectar con js el scroll de la pagina por ejemplo con window.onscroll o con jquery $(window).on('scroll', function...) y añadir o quitar una class al menu para cambiar la propiedad color o background-color, dependiendo de como este definido.

    Perdona, pero no suelo poner codigos por norma general, considero que asi es mejor para aprender y aparte me evito posibles errores cuando haceis copy&paste y vengais reclamando, etc… que no funciona.

    Moderador LGrusin

    (@lgrusin)

    Yo lo que veo que has puesto el botón en una posición fija, además lo has colocado fuera del div de esa parte del menú. Compara con el original y verás lo que digo.

    • Esta respuesta fue modificada hace 4 años, 1 mes por LGrusin.
Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Cambiar color icono al hacer scroll’ está cerrado a nuevas respuestas.