Pregunta sobre Chaplin de Wordpress:

El menú móvil no funciona para enlaces de anclaje

Un usuario preguntó 👇

Estoy probando un caso que tiene solo 1 página y, por lo tanto, el menú principal y la aplicación móvil están estructurados en una estructura de # enlace-ancla: #proyecto, # acerca de, # y así probé el use la estructura / # proyecto y también la ruta completa del dominio https://my-site.com/#project pero nada realmente motiva al menú móvil a cerrar y eliminar esa URL.

¿Hay alguna forma de abordar este problema?

(@ gatorbri99)

Hace 1 año, 1 mes

Experimente lo mismo aquí. ¿Alguna novedad en este asunto?

(@ giorgio25b)

Hace 1 año, 1 mes

@ gatorbri99 Recibí una sugerencia de otro usuario, a continuación, pero no tuve tiempo de explorarla. Además, parece demasiado para solucionar un problema, parece más que reactivar el script de navegación.

Para el escenario de navegación de una página, es posible que deba crear scripts adicionales para resaltar la parte activa # id del proyecto que alcanzó si desea completar el modo de navegación de una página.

Al igual que el modo espía de desplazamiento, para obtener la mejor UX, es posible que deba agregar un desplazamiento suave a la parte #id en particular. Esta característica completaría todas las posibilidades, especialmente si quisiéramos mostrar cómo se puede lograr un bloque y una división de Gutenberg con este nuevo tema predeterminado.

Conceptualmente cómo funciona;

En el dispositivo móvil, haga clic en alternar menú móvil, mostrar menú móvil Haga clic en un enlace en particular (por ejemplo, #portfolio) Menú agregue el menú resaltado de clase activa a • Portafolio (puede resaltar la página principal / antepasado) Menú móvil cerrado, menú de alternancia invertir el móvil al estado predeterminado Desplaza la pantalla suavemente hasta la parte seleccionada

Aunque aún no hay señales del desarrollador sobre este tema

Autor del tema

(@anlino)

Hace 1 año, 1 mes

Hola @ giorgio25b y @ gatorbri99. Perdón por el silencio de radio sobre esto. Agregar un mejor soporte de navegación de una página está en la parte superior de mi lista para Chaplin, pero trabajar en Twenty Twenty tomó la mayor parte de mi tiempo este otoño. Espero recibir esto pronto.

(@ giorgio25b)

Hace 1 año, 1 mes

Gracias @anlino Supongo / espero que el parche pueda resolver el problema en ambos temas, ya que Twentytwenty también tiene el mismo problema. Desearía poder ayudar más con el código, pero JS está por encima de mi nivel de pago. ¡Gracias!

(@Munich)

hace 1 año

Hola caballeros,

Estaba tomando una decisión sobre esto y encontré que el menú móvil funcionaba agregando la ruta completa (URL / enlace de una página #) en mi caso, es decir https://beatballaballa.org/beta-phase#faq. Sin embargo, elimina la barra de desplazamiento lista para la animación de identificación al cargar la URL y luego volver a cargarla para desplazarse hasta el ancla.

Obtiene la página de destino que solo la página real, vuelve a la página de destino (arriba) y finalmente la animación de desplazamiento en una página.

Pero ahora funciona.

Chaplin es el mejor tema de mi lista, no puedo esperar a que funcione solo para receptores.

Gracias por tu maravilloso trabajo Anders, el mejor Gutenberg de su clase.

Autor del tema

(@anlino)

hace 1 año

Hola @ giorgio25b @ gatorbri99 @munich,

Agregué un mejor soporte para enlaces de anclaje en el menú móvil / modular en la versión 1.1.13 de Chaplin, que se lanzó hoy.

Si ahora hace clic en un enlace de ancla orientado a elementos en la misma página, la superposición del menú se cierra y el usuario se desplaza hasta la parte superior del elemento al que apunta el enlace de ancla. Si todavía usa Chaplin, vuelva a intentarlo y avíseme si funciona como se esperaba.

– Anders

(@ giorgio25b)

hace 1 año

@anlino gracias por estar al tanto de esto! Aprecio el resultado final, especialmente sabiendo lo ocupado que ha estado con el desarrollo de Twentytweny. Funciona exactamente como se esperaba. Excelente trabajo

(@bangctran)

Hace 10 meses, 3 semanas

@anlino ¡Excelente trabajo en el tema Twenty Twenty!

Tengo la misma pregunta sobre los anclajes que no funcionan en un teléfono celular, y parece que estás arreglado en Chaplin.

¿Hay alguna forma de arreglarlo en Twenty?

(@bdcstr)

Hace 10 meses

Se anotó la misma pregunta. Este es mi temporal-y-no-perfecto solución (¡así que no me juzgues!) mientras esperas el parche oficial.

1. Vaya a themes / veinte años / assets / js / index.js 2. Busque en el outsideUntoggle: function () { (en la línea 135 para mí) 3. Cambie con el siguiente código:

    outsideUntoggle: function () {
        document.addEventListener('click', function (event) {
            var target = event.target;
            var modal = document.querySelector('.cover-modal.active');

            // if target on click is <a> with # within the href attribute
            if (event.target.tagName.toLowerCase() === 'a' && event.target.hash.includes('#')) {
                // untoggle the modal
                this.untoggleModal(modal);
                // wait 550 and scroll to the anchor
                setTimeout(function () {
                    var anchor = document.getElementById(event.target.hash.slice(1)); // 
                    anchor.scrollIntoView();
                }, 550);
            }

            if (target === modal) {
                this.untoggleModal(target);
            }
        }.bind(this));
    },

4. Espero que te ayude 😉

¡Salud!

Esta respuesta fue modificada hace 10 meses por. Esta respuesta fue modificada hace 10 meses por.

(@denvirosci)

Hace 7 meses, 3 semanas

Este truco con @bdcstr me funcionó en veinte.

Espero que pronto salga un arreglo oficial que funcione para mí.

Es posible que un plugin impida que la configuración temporal funcione para mí.

Realmente no me gusta que tenga que elegir entre conexiones de submenú que funcionan en un teléfono móvil pero que provocan la recarga en un teléfono móvil y escritorio o funcionan muy bien en un escritorio, pero el toque móvil en los elementos del submenú no hace nada .

(@ giorgio25b)

Hace 7 meses, 3 semanas

@todos los participantes de WordPress en este tema: este ticket se ha marcado como una solución porque el desarrollador (@anlino) ha corregido un error en el tema de Chaplin (que originalmente pertenece a este ticket).

Si desea hacer un seguimiento de la FicheTwenty tema de edición similar y el parche anterior (gracias @bdcstr), use el boleto de pista principal aquí: https://core.trac.wordpress.org/ticket/48916

Muchas gracias, Giorgio

¿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 *