Sto sviluppando un sito che utilizza uno sviluppo orizzontale, con lo scroll elastico ottenuto con JQuery.
Per avere un'idea, la stessa tecnica utilizzata qui: www.sursly.com
Alcune delle schermate che vengono visualizzate, contengono delle liste, ed ho la necessità di far si che, cliccando ciascuna voce della lista, venga visualizzata un'immagine (o un file .swf) utilizzando il sistema della lightbox.
Pur usandone una realizzata sempre basandosi sulla libreria JQuery, infatti, si crea un problema che non so come risolvere.
Mi spiego con una immagine:
- nella prima riga ci sono 3 div, di cui il primo è all'interno dell'area visibile nella finestra del browser, e gli altri due sono fuori campo sulla sinistra
- nella seconda riga, il div visibile è quello centrale (è stato effettuato uno scroll), mentre gli altri due sono fuori campo, uno sulla sinistra ed uno sulla destra
- nella terza riga, si vede quello che accade lanciando il lightbox dalla posizione vista sopra: il lightbox si apre correttamente, ma nella posizione del primo div!
Infatti, se faccio uno scroll all'indietro, il lightbox si vede.
Ma perchè lo apre in quella posizione? La posizione non dovrebbe essere relativa alla finestra del browser?
E comunque, come si può risolvere il problema?
Rispondi quotando