Pregunta sobre Sticky Header (or anything!) on Scroll Sticky Menu de Wordpress:

Cuando está pegajoso, el menú no responde al interruptor de ventana

Un usuario preguntó 👇

Cuando el menú está pegajoso, no cambia de tamaño ni lo configura correctamente al cambiar el tamaño del navegador.

(@senff)

Hace 1 año, 11 meses

De las preguntas frecuentes:

Una vez que el elemento se vuelve pegajoso, deja de responder y no cambia de tamaño cuando cambio el tamaño del navegador.
Este es un error conocido (y molesto) en el plugin que aún no he podido solucionar correctamente. Para algunos sitios (donde generalmente no hay interacción de Javascript en el elemento), a veces es útil usar el plugin en modo heredado (ver más abajo).

(@miles)

Hace 1 año, 11 meses

Gracias Mark. Esto explica el problema.

En cuanto a lo que vale, he notado que actualizar la ventana del navegador corrige el diseño después de cambiar el tamaño. Automatizar una actualización de ventana completa probablemente no sea una buena solución debido a los gastos generales involucrados, pero puede haber una manera de forzar al DOM a configurar la pantalla nuevamente si reconoce el evento de cambio de tamaño.

(@senff)

Hace 1 año, 11 meses

Así es, actualizar la pantalla restablecería el ancho del elemento adhesivo.

Sin embargo, tenga en cuenta que la mayoría de los usuarios no cambiarán su pantalla cuando visiten su sitio; a menudo, solo se necesitan desarrolladores web para probar cosas, pero no es algo que los visitantes habituales realmente hagan. . 🙂

(@miles)

Hace 1 año, 10 meses

Hola Mark,

Francamente, este no es un problema de desarrollador. Simplemente actualice una nueva versión de pantalla o gire un iPad, tableta o dispositivo móvil de modo horizontal a vertical. ¿Crees que esto es algo que se hace con regularidad?

Su plugin no se actualiza correctamente en dispositivos receptivos. Es algo que debe considerar y corregir.

(@senff)

Hace 1 año, 10 meses

Es cierto que ese es otro caso que no funciona.

Él es un- un problema complejo y no fácil de solucionar, pero lo investigaré pronto.

(@miles)

Hace 1 año, 10 meses

Hola Mark,

Podría considerar agregar esta pequeña función a ‘stickThis.js’ …

/**
* @preserve Sticky Anything 2.1.1 | @senff | GPL2 Licensed
*/

(function($) {
    $(document).ready(function($) {
.
.
.
    });

    $(window).resize(function() {
        $originalElement = $('.sticky-element-original');

        if($originalElement.hasClass('element-is-sticky')) {
            $originalElement.attr('style',orgAssignedStyles) ;
            var w = $originalElement[0].getBoundingClientRect().width;
            if (!w) { w = $originalElement.css('width'); }  // FALLBACK for subpixels
            $('.sticky-element-placeholder').css('width',w+'px');
        }
    });

}(jQuery));

Esto corrige los cálculos de ancho de los elementos fijos al tamaño de la ventana para que mi menú responda, pero es posible que desee validar que esta configuración es lo suficientemente general para otros casos de uso que conoce.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.