Parallax no funciona
Author: Ariel P.En 2020 hice una web con una plantilla de website con efecto parallax y al subirla a la web funcionaba bien en la Pc pero no en los teléfonos móvil, asumi la perdida de tiempo y realize otra página sin parallax.
Luego de 2 años quise modernizar la web y encontre una plantilla de website que la adapte para mi actividad, grande es la desilución cuando la subo a internet y me doy cuenta que no funciona en los teléfonos móviles, pasaron 2 años y no solucionaron e problema.
Para mi son todos contratiempos, no anda el parallax, no se puede trabajar con Mercado Pago, por lo tanto debí cancelar la venta por internet, cuando quise comprar la actualización de 2022 lo increible es que no puedo usar la tarjeta de credito, los responsables en Argentina para el cobro no me dan solución, estoy usando la misma tarjeta que habitualmente hago compras en otros paises.
Para resumir ¿porque el efecto parallax funciona bien en Pc y no en el móvil?, a esta altura deberían encontrar una solución.
gracias
(It > Es) ... ... con v.PRO puede agregar un punto de interrupción adicional a 320 px, lo que podría resolver el problema...
(... sino podrías usar y adaptar un invento mío EXTRA que encuentras aquí:
https://helpcenter.websitex5.com/en/post/250796 )
.
ciao
.
Author
Hola KolAsim, con la interrupción a 320 px no funciona el parallax, quedaría probar tu invento, abrí con el teléfono móvil las distintas páginas que pones como ejemplo y funcionan.
Hasta anoche pensaba que con Android no habría solución porque descubri que las páginas realizadas por diseñadores web de Guru (pertenece a Google de Argentina) también fallan con los teléfonos móviles.
Si me puedes indicar como agregar tu invento, bienvenido sea.
Muchas gracias
Hola Ariel,
La solución de KolAsim esta al final del link que te ha pasado el...
https://helpcenter.websitex5.com/en/post/250796
Los dos ultimos post son, el codigo que tienes que usar, y donde lo tienes que ingresar.
Saludos colega!
Carlos A.
Author
Como está en italiano no entiendo, solo entendí que en mapa, propiedades, avanzado, antes del cierre head, pero en esa opción tengo colocado la página canonica para Google.
Gracias Carlos
después de la línea de "canonical" en la siguiente línea, pegue este código:
<style>
/** -- sfondo fisso by KolAsim -- **/
#imPageRow_2,#imPageRow_6,#imPageRow_9 {opacity:0.8}
#imPageRow_4 { background:orange !important ;opacity:0.8}
#imPageRowGraphics_3 { background:transparent url("") !important }
</style>
<script>
$( document ).ready(function() {//K
divK='<div id="contenitoreK" style="position:fixed; top:0px; width:100%; height:100%; z-index:-1;"><div id="div_customK" style="position:absolute; top:0px; width:100%; height:100%; z-index:-1; background-repeat:no-repeat; background-image:url(\'https://www.ar-tel.com.ar/images/Netyer-Serie-M.jpg\'); -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position: top center;"></div></div>';
document.body.innerHTML += divK;
}); //K<<
</script>
...........................
ciao
.
Author
Probe la sugerencia y da como resultado que en la Pc, las filas 1 a la 8 quedan transparentes.
Lo que necesito es que solo la fila 2 sea transparente, como se ve actualmente en la Pc, así quisiera que funcione en los teléfonos móviles.
Gracias KolAsim
Author
Perdón, solo es la fila 3 la que debe quedar transparente.
Gracias
Ariel,
Aqui en el foro veras comentarios en muchos idiomas que son muy interesantes...
te recomiendo Google Translator para esos casos y te será de mucha ayuda...
Saludos colega!
Carlos A.
<style>
/** -- sfondo fisso by KolAsim -- **/
#imPageRowGraphics_3 { background:transparent url("") !important }
#imPageRow_7 { background:white !important }
</style>
<script>
$( document ).ready(function() {//K
divK='<div id="contenitoreK" style="position:fixed; top:0px; width:100%; height:100%; z-index:-1;"><div id="div_customK" style="position:absolute; top:0px; width:100%; height:100%; z-index:-1; background-repeat:no-repeat; background-image:url(\'https://www.ar-tel.com.ar/images/plaqueta-a-t-200-con-fondo.png\'); -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position: top center;"></div></div>';
document.body.innerHTML += divK;
}); //K<<
</script>
click col destro nei browser ... "traduci... "
Author
Grcias KolAsim, gracias Carlos y Claudio por la ayuda, al poner en uso la sugerencia y controlar en los teléfonos móviles, lamentablemente no funciona, por lo tanto volví a la opción anterior.
... Lo siento, no importa, ... pero el sitio en el enlace que te publiqué todavía funciona ...
ciao
.
Author
Felicitaciones KolAsim, logré que funcione tu invento, cambie la imagen PNG y coloque una JPG.
Ahora funciona correcto, la voy a aplicar en las otras páginas del mismo web.
Gracias, gracias, gracias
... OK ... ciao ...