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