WebSite X5Help Center

 
Glaucio M.
Glaucio M.
User

Paralax não funciona na versão mobile - SÓ problemas com objetos  pt

Autor: Glaucio M.
Visited 1225, Followers 1, Udostępniony 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
22 ODPOWIEDZI - 1 POMOCNY - 1 PRAWIDłOWA ODPOWIEDź
CARLOS AMARAL
CARLOS AMARAL
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

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.

Czytaj więcej
Posted on the from CARLOS AMARAL
Glaucio M.
Glaucio M.
User
Autor

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

Czytaj więcej
Posted on the from Glaucio M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Glaucio M.
... ... ...  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!... ... ...  

(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

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
LUIZ G.
LUIZ G.
User

"... basta adicionar um breakpoint extra em 340 pixels ..."

Sério isso, Kol?????? surprised Só isso????

Não acredito! Vou testar!

Czytaj więcej
Posted on the from LUIZ G.
Glaucio M.
Glaucio M.
User
Autor

KolAsim, agradeço seu empenho, minha versão é PRO... Já alterei como falou e NÃO deu certo. 

Muito obrigado

Czytaj więcej
Posted on the from Glaucio M.
LUIZ G.
LUIZ G.
User

Não funcionou...

Czytaj więcej
Posted on the from LUIZ G.
CARLOS AMARAL
CARLOS AMARAL
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

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.

Czytaj więcej
Posted on the from CARLOS AMARAL
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
LUIZ G.
LUIZ G.
User

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

Czytaj więcej
Posted on the from LUIZ G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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...

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Glaucio M.
Glaucio M.
User
Autor

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!

Czytaj więcej
Posted on the from Glaucio M.
Glaucio M.
Glaucio M.
User
Autor

Ops, Luiz G quis dizer... Obrigado amigo! 

Czytaj więcej
Posted on the from Glaucio M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Glaucio M.
KolAsim, agradeço seu empenho. O paralax através do OBJETO COMPRADO DA WEBSITEX5 funciona apenas na versão desktop como disse anteriormente. ... ... ...  

... 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

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Glaucio M.
Glaucio M.
User
Autor

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).

Czytaj więcej
Posted on the from Glaucio M.
CARLOS AMARAL
CARLOS AMARAL
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

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.

Czytaj więcej
Posted on the from CARLOS AMARAL
Glaucio M.
Glaucio M.
User
Autor

Sim, claro. Gostaria muito de resolver definitivamente esse problema. Obrigado Carlos Amaral...

Czytaj więcej
Posted on the from Glaucio M.
LUIZ G.
LUIZ G.
User

A única forma que consegui fazer funcionar.

Czytaj więcej
Posted on the from LUIZ G.
Glaucio M.
Glaucio M.
User
Autor

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! 

Czytaj więcej
Posted on the from Glaucio M.
Incomedia
Stefano G.
Incomedia

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

Czytaj więcej
Posted on the from Stefano G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Glaucio M.
Glaucio M.
User
Autor

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!

Czytaj więcej
Posted on the from Glaucio M.