Paralax não funciona na versão mobile - SÓ problemas com objetos
Author: Glaucio M.
Visited 1227,
Followers 1,
Shared 0
Resolvi começar a postar meus problemas atuais, todos os dias aparece um novo pra atrasar meu trabalho, infelizmente.
O de hoje é o Objeto Paralax que usei em diversas formas, tamanhos, imagens e na versão mobile em vários browsers NÃO FUNCIONA, aparecem como uma foto fixa apenas!
Interessante é que na visualização dentro do WebsiteX5 aparec enormal, mas é diferente a apresentação no domínio após subir arquivos no FTP.
Segue link de onde está o projeto e percebe-se o paralax apenas na versão desktop:
https://virtuainfo.com.br/congoseguros/
Posted on the
Hola Glaucio,
Hace un tiempo varios usuarios reportaron el tema de que en los dispositivos moviles, el efecto paralax se veia medio lento, ademas dependia del navegador, etc... por lo que se resolvió que para dispositivos moviles la imagen quede fija con tal de optimizar el funcionamiento del sitio.
Quiza en algun momento salga alguna actualizacion que modifique ese comportamiento para volver a tener animacion paralax en moviles, pero por ahora no hay novedades.
Saludos colega...
Carlos A.
Author
Calos A., obrigado!
Aqui não fica lento, definitivamente não funciona. Bom saber que a Website tem conhecimento, vou tentar descobrir algo sobre isso e encontrando colaborarei aqui.
Abraço,
Glaucio Minarro
(It > Pt)... Vejo paralaxe apenas abaixo com abelhas ...
... você usou apenas 3 pontos de interrupção, apenas os padrão ...
... com seu v.PRO você não deve ter problemas ...
... basta adicionar um breakpoint extra em 340 pixels ...
.
ciao
.
"... basta adicionar um breakpoint extra em 340 pixels ..."
Sério isso, Kol?????? Só isso????
Não acredito! Vou testar!
Author
KolAsim, agradeço seu empenho, minha versão é PRO... Já alterei como falou e NÃO deu certo.
Muito obrigado
Não funcionou...
Hola Glaucio,
Revisa bien, que aun te esta faltando configurar puntos de corte en la pagina de inicio para que los objetos pasen para la siguiente linea y se vean mejor en todo el ancho.
Saludos colega
Carlos A.
Author
Vou deixar um endereço aqui que vou adicionar tentativas para verificar isso:
https://virtuainfo.com.br/teste
... Eu vi, me desculpe, infelizmente o papel de parede com abelhas na parte inferior não funciona bem no smartphone ...
... este fundo total com paralaxe FIXA é obtido a partir do programa, do modo dito anteriormente;
>> https://www.ettorepoggipollini.com/
... esses dois papéis de parede totais com paralaxe FIXA são obtidos com meu código EXTRA exclusivo:
>> https://www.webdesign-markersdorf.at/Garden/
>> http://www.indesbilgisayar.com/emin2/
.
ciao
.
Usem isso no Objeto </> (HTML):
<body>
<section>
<h1>xxxxxxxxxxxxxxxxxxxxxxxxx</h1>
</section>
</body>
Usem isso no Objeto </> (CSS):
<style>
html,
body {
height: 100%;
}
section {
height: 100%;
background-attachment: fixed;
background-size: cover;
display: flex;
background-position: center;
background-repeat: no-repeat;
/* Set a specific height */
min-height: 500px;
}
section h1 {
margin: auto;
color: #AE967E;
font-size: 3em;
text-align: center;
}
section:first-of-type {
background-image: url('https://xxxxxxxxxxxxxx.png');
}
</style>
100% funcional
... eu não posso tentar, estou sem PC e sem programa, mas para ver o código é basicamente uma paralaxe fixa, como em alguns dos códigos dos meus exemplos no fórum, ...mas a tag <BODY> está errado, deve ser único no código da página, ...levaria a erro na listagem HTML da página...
.
Author
KolAsim, agradeço seu empenho. O paralax através do OBJETO COMPRADO DA WEBSITEX5 funciona apenas na versão desktop como disse anteriormente. Em resumo quero a ferramenta deles funcionando e códigos no momento não são úteis para meu projeto (estou aguardando a solução deles).
Na verdade, deveriam devolver meus créditos até que resolvam o problema... Compro na boa fé o que oferecem e na hora que vou usar nada de funcionar. Está sendo comum essa prática, infelizmente.
Obrigado pela sua atenção e colaboração! Nem sei adicionar esses códigos que mandou (risos), mas servem para iniciar uma experiência nova aqui,
Grande abraço!
Author
Ops, Luiz G quis dizer... Obrigado amigo!
... mas o primeiro dos meus LINKS, aquele feito com o Programa, funciona regularmente para mim no meu smartphone...
...infelizmente estou atualmente sem PC e sem Programa, e não posso dizer mais...
... olá e boa sorte ...
.
ciao
.
Author
Funciona, mas voce usou a ferramenta OBJETO? Pelo que parece usou o recurso sem ser pelo Objeto Paralax que compramos deles. QUERO USAR O OBJETO e não um fundo com efeito paralax, entende?
Quero na versão desktop ter uma imagem no canto com paralax e no celular aparecer com o mesmo efeto funcionando. Não estou falando de linha inteira (horizontal cheio ou total), por exemplo.
Desde o começo estou na mesma linha de perguntas e questionando o funcionamento com a Website X5 do uso do OBJETO PARALAX funcionando seus recursos em CELULAR (mobile).
Hola Glaucio nuevamente, voy a marcar este hilo para que lo vea el staff de Incomedia a ver si te pueden dar alguna respuesta sobre la solucion del objeto o en el peor de los casos puedas arreglar con ellos si lo quieres devolver ok?
Saludos colega...
Carlos A.
Author
Sim, claro. Gostaria muito de resolver definitivamente esse problema. Obrigado Carlos Amaral...
A única forma que consegui fazer funcionar.
Author
Então concorda que tem falha... A Website tem de resolver, simples assim!
Logo vou postar sobre o Objeto da linha do tempo mais também está com defeito!
Hello Glaucio
I must unfortunately confirm what has been mentioned at the beginning of the topic already.
Any Parallax effect used on the website will not be present on Mobile. This is due to technical and performance reasons which led us to decide to completely disable this effect on mobile
This has been done to favor performance and fluidity while operating the website on mobile, which wasn't guaranteed with Parallax effect. The Parallax effect is a very taxing effect, and for this reason, mobile browsers disable most common techniques to obtain this effect by default
There are always ways to workaround these limitations, but since these effects are disabled by default on mobile, we decided to disable them as well
Until the common effects used to achieve parallax are once again enabled by default on mobiles, the Parallax effect will not be visible on mobile
I hope I was clear
Thank you
Stefano
GOOGLE TRANSLATE ---
Olá Gláucio
Infelizmente, devo confirmar o que já foi mencionado no início do tópico.
Qualquer efeito Parallax usado no site não estará presente no Mobile. Isso se deve a motivos técnicos e de desempenho que nos levaram a decidir desativar completamente esse efeito no celular
Isso foi feito para favorecer o desempenho e a fluidez durante a operação do site no celular, o que não era garantido com o efeito Parallax. O efeito Parallax é um efeito muito desgastante e, por esse motivo, os navegadores móveis desabilitam as técnicas mais comuns para obter esse efeito por padrão
Sempre há maneiras de contornar essas limitações, mas como esses efeitos são desativados por padrão em dispositivos móveis, decidimos desativá-los também
Até que os efeitos comuns usados para obter paralaxe sejam novamente ativados por padrão em celulares, o efeito de paralaxe não será visível em celulares
espero ter sido claro
Obrigado
Stefano
x > Glaucio M. ... (It > Pt) ... pois não é um defeito, mas um fato destinado a dispositivos "móveis", ... se você estiver interessado,
... e somente se você estiver interessado em experimentar meu código EXTRA exclusivo, ... me avise ...
... com meu código você poderia obter um para-paralaxe FIXO, (não flutuante!), para as linhas onde você aplicou seu objeto de paralaxe...
... por exemplo você poderia fixar o fundo da linha da página com colméia e abelha, ou o da linha que preferir...
... Eu tenho vários métodos, mas o meu mais comum já foi testado e usado por dezenas de usuários, permanecendo feliz e satisfeito...
... então e você se interessar, me avise, ... caso contrário ignore minha mensagem(!), e deixe as coisas como estão, no "mobile" é um efeito supérfluo...
.
ciao
.
Author
Vou guardar e tentar sua sugestão agora que a Website informou oficialmente que não vai mais funcionar na versão móbile. Muito obrigado a todos!