Pregunta sobre AddToAny Share Buttons de Wordpress:

Altura máxima sobre el pie de página

Un usuario preguntó 👇

Hola,

¿Puedo preguntar si es posible configurar los botones flotantes sin llegar a una determinada altura? Por ejemplo, si quisiera que se detuvieran a 500 px por encima del pie de página y no bajaran.

gracias

(@micropat)

hace 3 años

¡Lata! Agregue el siguiente código a su cuadro «JavaScript adicional» en AddToAny Settings:

jQuery(window).scroll(function () {
    var scrollBottom = jQuery(document).height() - jQuery(window).height() - jQuery(window).scrollTop();
    if (scrollBottom > 500) {
        jQuery('.a2a_floating_style.a2a_vertical_style').show();
    } else {
        jQuery('.a2a_floating_style.a2a_vertical_style').hide();
    }
});

(@fjura)

hace 3 años

impresionante, pero cuando agrego el código ahora, anula la configuración en la que se pretende que no se muestre cuando la página tiene menos de 980 píxeles de ancho: / Y el Css también dice que no debe mostrarse en las páginas, por categoría y HP:

body.home .a2a_floating_style, body.page .a2a_floating_style, body.category .a2a_floating_style {display: none; }

¿Debo actualizar el código anterior de alguna manera para que esta configuración también se aplique?

¡gracias!

Esta respuesta fue modificada hace 3 años por.

(@fjura)

hace 3 años

y si agrega el código JS, los botones flotantes también comienzan a mostrarse en el dispositivo móvil.

(@micropat)

hace 3 años

Gran punto. Para mantener la funcionalidad existente, utilice el !important declare en su SEC Extra para que:

@media screen and (max-width: 980px) {
  .a2a_floating_style.a2a_vertical_style { display: none !important; }
}

body.home .a2a_floating_style,
body.page .a2a_floating_style,
body.category .a2a_floating_style { display: none !important; }

(@fjura)

hace 3 años

¡Perfecto! ¡muchas gracias!

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *