capitulo 20, aula 7 – hospedando o projeto cordel

David, você consegue mostrar como ficam no seu aparelho o problema com as fotos?

Quase dois anos depois desse post e eu vim aqui buscar sobre a mesma coisa!

A página no computador o efeito parallax funciona normal, porém, quando abro a página pelo celular o efeito não funciona.

Segue o link do vídeo onde gravo minha tela do celular para melhor visualização sobre a questão: https://streamable.com/9q7f9r (infelizmente o link fica válido somente por dois dias, não sei se dará tempo de ter retorno)

Olá, Jessica!
Segue como fica no computador https://streamable.com/6yocgv. O efeito parallax funciona no navegador no computador, mas no celular não.

Segue o projeto no github https://dinodv.github.io/projeto-cordel/

• Esta resposta foi modificada 5 meses, 2 semanas atrás por dinomanu.

Ola dinomanu, os dispositivos mobile não detectam a rolagem da mesma forma que os navegadores.
Provavelmente quando você testa no celular, o efeito só acontece quando a animação da rolagem do navegador chega ao fim.
O parallax pode ou não funcionar em celulares, você consegue fazer o efeito dele utilizando outras propriedades dentro do seu código,, você pode usar consultas de mídia para desativar o efeito em dispositivos móveis, alguns dispositivos móveis têm problemas com arquivos background-attachment: fixed. No entanto, você pode usar consultas de mídia para desativar o efeito de paralaxe em dispositivos móveis:

/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1366px) {
  .parallax {
    background-attachment: scroll;
  }
}

Uma dica é sempre fazer pesquisas de para resolver os “problemas” que vão aparecendo principalmente com o passar dos tempos em que pode acontecer de uma coisa ou outra parar de funcionar como era antes.
Espero ter ajudado, bons estudos 🖖🏼