Iconos sociales sticky cuando toque navegación

Club para webmasters Foros Creación de páginas web Iconos sociales sticky cuando toque navegación

  • Este debate tiene 2 respuestas, 2 mensajes y ha sido actualizado por última vez el hace 2 años por RaulSkelly.
Viendo 3 entradas - de la 1 a la 3 (de un total de 3)
  • Autor
    Entradas
  • #28852 Karma: 0
    RaulSkelly
    Participante
    2

    Muy buenas chorris!

    Algo que se me resiste y que no encuentro cómo hacer a través de css, es que los iconos sociales que he puesto en la parte lateral de la web mediante el típico hook de elementos de GeneratePress, es hacer que estos sean sticky, pero JUSTO cuando toque el menú de navegación al hacer scroll, y no nada más empezar a hacer scroll en la página. No sé si me explico… En cualquier caso, os enseño cómo está actualmente y seguro que viendo la web entendéis lo que quiero decir 😉

    La cosa quizá sería colocarlos debajo de la imagen de portada y justo cuando al hacer scroll la navegación los toque, estos hagan el scroll también.

    La web es esta: http://bravaproducciones.rentmyflat.es/

    Gracias de antemano, chorris! Un saludo!

    #28949 Karma: 0
    David Cuesta
    Superadministrador
    178

    Veo que el div que contiene a los iconos tiene position fixed, te paso un tutorial de como usar el css sticky: https://www.digitalocean.com/community/tutorials/css-position-sticky

    Un saludo!

    #28980 Karma: 0
    RaulSkelly
    Participante
    2

    Vale, ya sé cómo se hace! Mil gracias David!

Viendo 3 entradas - de la 1 a la 3 (de un total de 3)
  • Debes estar registrado para responder a este debate.