Opções do WordPress para Twenty Seventeen Pergunta: Configurando Parallax Mobile On

Um usuário perguntou ?

Depois de testar esse recurso, duas perguntas sobre como configurar Parallax Mobile Off/On:

1. Ao marcar a caixa que ativa o efeito de paralaxe, o “tamanho” da imagem muda nos dispositivos móveis, mas as partes adicionais do painel não parecem ter um efeito de paralaxe real. Há mais alguma coisa que precisa ser corrigida?

2. Quando o efeito de paralaxe é ativado, as imagens exibidas em telefones Android ficam ótimas, mas em iPhones as imagens vistas nas seções adicionais dos painéis parecem não responder mais. Todos parecem preguiçosos porque são muito grandes. Algum site especial para iPhones?

Eu aprecio sua ajuda. Obrigado, mike

(@domainsupport)

2 anos, 1 mês atrás

Olá Mike,

Você notou algo que sabemos e ainda não decidiu o que fazer sobre isso! 😛

IOS parece bloquear o atributo CSS…

background-attachment: fixed

… Mar…

Fundos fixos têm um enorme custo de repintura e baixo desempenho de rolagem.

Isso posso isso não pode ser contornado, mas estamos analisando isso.

@Ianerickson pediu essa opção primeiro, então ele quer saber.

Com os melhores cumprimentos,

Oliver

(@mhjp)

2 anos, 1 mês atrás

Obrigado pela rápida resposta Oliver. Então ambas as edições estão conectadas… sem efeito de paralaxe e fotos irresponsáveis ​​do iPhone? Parallax no Android parece não funcionar para os painéis adicionais na página principal, embora as fotos em si pareçam ótimas.

(@domainsupport)

2 anos, 1 mês atrás

Sim, o iOS e o Android desabilitam os problemas de anexos em segundo plano de uma maneira diferente, o iOS parece atrapalhar a propriedade “backgroundsize:cover”, mas o Android sim.

Agora terminei de discutir o trabalho possível sobre o uso do jQuery para converter a imagem de fundo em uma entidade img HTML de posição fixa. Infelizmente isso não funciona porque todas as imagens são colocadas no mesmo espaço que a imagem do cabeçalho e as imagens ficam umas em cima das outras.

Então, e quanto à detecção de dispositivo bloqueando o “anexo em segundo plano: fixo” e revertendo para não paralaxe? Infelizmente, isso também não é possível porque os navegadores móveis afirmam oferecer suporte a essa propriedade.

Interesse

Se ninguém mais tem idéias…?

Oliver

(@mhjp)

2 anos, 1 mês atrás

Obrigado por investigar. É um tópico diferente, provavelmente maçãs com laranjas, mas talvez você possa obter algumas ideias do site ao vivo do Squarespace: Onde as palavras de paralaxe estão bem no iOS?

Michael

(@domainsupport)

2 anos, 1 mês atrás

Olá Mike,

Isso é bom porque é paralaxe “verdadeira” no sentido de que a imagem de fundo se move levemente quando o usuário rola.

Desculpe, desvio, haha!

De qualquer forma, a partir de uma inspeção rápida, isso parece ser feito com uma função de imagem real e algum JavaScript … então, infelizmente, isso pode estar fora do escopo do Twenty Seven …

Então… nesse meio tempo, acabei de enviar uma atualização para o plugin sem essa opção…desculpe!

Com os melhores cumprimentos,

Oliver

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *