Avisos
Vaciar todo

[Resuelto] Efecto cabecera Divi

8 Respuestas
3 Usuarios
0 Reactions
30 Visitas
Respuestas: 19
Active Member
Topic starter
 

Hola,

Me ha surgido un problema con la cabecera.

Quiero que la cabecera desaparezca al hacer scroll down y aparezca al hacer scroll up.

Con un código CSS de un tutorial a copiar en el Body dentro de Integración en Opciones del tema, me funcionaba correctamente:

var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
  var currentScrollPos = window.pageYOffset;
  if (prevScrollpos > currentScrollPos) {
    document.getElementById("navPrincipal").style.top = "0";
  } else {
    document.getElementById("navPrincipal").style.top = "-100px";
  }
  prevScrollpos = currentScrollPos;
}

Tras usar un plugin de idiomas (Polylang) para hacer mi página bilingüe y rehacer la cabecera, se me ha trastocado y no funciona.

¿Qué puede ocurrir? La cabecera está editada desde el generador de temas de Divi.

 

Gracias.

Contenido solo visible a usuarios registrados


 
Respondido : 19/02/2021 12:47 pm
Karen Rios
Respuestas: 18679
Illustrious Member Moderator
 

Hola Saray,

Puedes enviarnos una captura como estas añadiendo este código en las integraciones de tu sitio web? de manera general puedes verificar si el conflicto lo genera el plugin de Polylang prueba desactivarlo y verificar si con ello el efecto funciona de forma correcta, si es así, debes evaluar si este comportamiento en necesario ya que es posible que el código del plugin interfiera con su funcionalidad y no puedas usarlo

Un Saludo


 
Respondido : 19/02/2021 1:03 pm
Respuestas: 19
Active Member
Topic starter
 

@karen

Aquí está, Karen. Al identificador CSS de la sección en la cabecera dentro del Generador de temas, he añadido: navPrincipal

imagen

 
Respondido : 19/02/2021 1:18 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Saray,

Tienes un error tal como te lo indica en el código que al final del todo no es:

<script/>

Debe ser:

</script>

Verifica y nos comentas.

Un saludo 🖐️ 


 
Respondido : 19/02/2021 1:30 pm
Respuestas: 19
Active Member
Topic starter
 

@argenis

Hola,

Ahora la cabecera parece que hace el efecto de desvanecer cuando bajo desde la parte superior, pero no me aparece cuando hago scroll up desde cualquier parte de la web.


 
Respondido : 19/02/2021 1:36 pm
Karen Rios
Respuestas: 18679
Illustrious Member Moderator
 

Hola Saray,

Es posible que necesites realizar varias configuraciones para poder obtener el efecto que deseas, te sugiero revisar el siguiente tutorial donde explican como añadir este tipo de efecto -> Contenido solo visible a usuarios registrados

Un Saludo


 
Respondido : 19/02/2021 1:48 pm
Respuestas: 19
Active Member
Topic starter
 

Buenas, @karen 

 

He seguido el tutorial y ahora tengo la cabecera fija, pero sin encogerse al hacer scroll. Al haber insertado el código del tutorial, me aparece este problema (adjunto vídeo)


 
Respondido : 19/02/2021 3:50 pm
Karen Rios
Respuestas: 18679
Illustrious Member Moderator
 

Hola Saray,

Comprueba como estas añadiendo los códigos y si haz insertado el ID a la sección. Ten en cuenta que las instrucciones indican que debes el modulo código de Divi y dentro de este es que se incorpora este código especifico

Screenshot(5)

Adicional comprueba se este añadiendo el ID dentro de la sección del menú

Un Saludo

 


 
Respondido : 19/02/2021 4:14 pm