Come mantenere l'effetto Parallasse su un sito visualizzato da Smarthphone 
Autore: Mattia Maritan
Visite 610,
Followers 1,
Condiviso 0
Buongiorno,
ho creato un sito web, utilizzando nelle pagine l'effetto Parallasse per le immagini di sfondo.
Mi ritengo soddisfatto per come le immagini con Parallasse vengono visualizzate nella versione desktop, ma il problema nasce quando il sito viene visualizzato nella risoluzione da Smarthphone (mi sembra sia da 480px in giù) queste immagini si comprimono e spariscono quasi totalmente.
Non essendo esperto chiedo gentilmente un vostro supporto e consigli. Se può essere d'aiuto, la bozza del sito è pubblicata sul dominio www.moulds-trading.it
Grazie
Mattia
Postato il
... se del caso, controlla le opzioni sul responsive e sull'unione delle righe:
1. Best Practice > Passo 4 - Pagine > Come lavorare sullo Stile delle Righe
... sul mio Android 10' funziona regolarmente; ...a risoluzioni pari o inferiori a 480 px, trattandosi di righe a tutto schermo, finirebbe lo scopo di tali effetti, dovendo ovviamente ed a parer mio prevalere la semplicità ed immediatezza nella consultazione, e per me si presenta bene...
... magari attendi il parere dello STAFF ...
.
ad una certa risoluzione spariscono... guarda a quella risoluzione se gli oggetti che servono a visualizzare le immagini subiscono variazioni o vengono esclusi dal responsive...
Autore
Vi ringrazio molto per le risposte.
Però vorrei far notare che la prima immagine con effetto parallasse, viene visualizzata anche su smarthphone.
Cosa che non avviene sulle successive immagini.
Autore
AGGIORNAMENTO (risoluzione parziale)
E' sufficente inserire del testo per visualizzare l'immagine intera anche su smarthphone.
Nel mio caso sono andato una decina di volte a capo nella casella Testo e in fondo ho messo un punto con un carattere picolissimo. Non è il massimo ma funziona... in settimana provo a sostituire il testo con un'immagine completamente trasparente e vediamo se si risolve.
Se è ok ricarico il sito sul dominio.
volendo puoi provare ad inserire un semplice oggetto html con dentro solo questo:
<BR>
e poi settare l'altezza (in basso a sx) dell'oggetto che ti serve...
però poi avrai dei spazi vuoti anche nel sito desktop...