Botón flotante desplegable

Club para webmasters Foros Creación de páginas web Botón flotante desplegable

Viendo 3 entradas - de la 1 a la 3 (de un total de 3)
  • Autor
    Entradas
  • #12618 Karma: 0
    Ricardo
    Participante
    27
    ChorriPuntos 933
    Curso SEO
    ChorriSEO

    Buenas Chorris!

    Me imagino que algunos de por aquí sabréis que David en la plataforma morada (Twitch jejeje) hace unos días implementó un botón flotante de contact con html y css. Luego publicó el código en su blog (https://davidcuesta.es/blog/boton-flotante-desplegable-solo-con-html-y-css/).

    ¿Alguien lo ha probado? yo sí jeje Y va de lujo

    Pero tengo un problema o duda, cuando le das a cerrar ese menu desplegable flotante se va al arriba del todo de la URL donde estés navegando.

    ¿A alguien se le ocurre una solución para que no pase eso? Molaría que se cerrara el menu flotante y no hiciera un scroll automático hacia arriba del todo de la URL…

    A ver si a algún chorri se le ha ocurrido la solución, si es que la hay… jejeje

    Un saludo

    #12622 Karma: 1
    David Cuesta
    Superadministrador
    149
    ChorriPuntos 6.888
    Curso SEO
    ChorriCuesta

    Quizás en vez de ir el enlace hacia “#”, puedes hacer que vaya a “#algo” siendo ese algo un elemento con ID=algo que esté en el propio menú desplegable.

    Quizás así se queda en la misma pantalla.

    Dime si funciona jeje, un saludo!

    #12623 Karma: 1
    Ricardo
    Participante
    27
    ChorriPuntos 933
    Curso SEO
    ChorriSEO

    Solucionado!!

    Había intentado cambiar algo de ese enlace pero no se me había ocurrido lo que dices tú, por eso eres el chorri jefe 😉

    He dejado así el enlace de la imagen que se usa para cerrar el menu desplegable:

    <a id="flotante-contacto" class="float-nav-3" href="#flotante-contacto"><img src="url de la imagen"></a>

    Muchas gracias!!

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