Single page con scroll ed immagine che si blocca

[Valeria75_bis]

Ciao a tutti, vi sarà capitato di trovare siti internet con un effetto di un'immagine che durante lo scroll, si blocca nella parte superiore, lasciando scorrere la parte sotto, per poi lasciare spazio ad un'altra immagine che anch'essa prima si blocca e poi scorre.

O ancora, con un'immagine fissa in background col testo che scorre durante lo scroll della pagina, per poi lasciare spazio ad un'altra immagine con lo stesso effetto.

Come posso realizzare un'effetto di questo tipo?

ipotizzando di avere già il layout single page, con X blocchi di immagini

<div class="pagecontent">
[img]images/imageBIG.png[/img]
<div class="toppart toppartheight">



Grazie mille!!

[mahamatt]

Originariamente inviato da Valeria75_bis
Ciao a tutti, vi sarà capitato di trovare siti internet con un effetto di un'immagine che durante lo scroll, si blocca nella parte superiore, lasciando scorrere la parte sotto, per poi lasciare spazio ad un'altra immagine che anch'essa prima si blocca e poi scorre.

Non ho ben capito cosa intendi con "scroll", puoi postare un link di esempio o un file grafico?

[Valeria75_bis]

Intedo qualche cosa di questo tipo

http://chrisconnolly.com (sfondo fisso e area testo)


http://www.chimplabs.com

[Mich_]

Con i CSS si puo` fare qualcosa simile al secondo, usando
position: fixed;
(e in quel caso specifico uno sfondo semitrasparente)

Per l'effetto del primo e` necessario javascript, e non e` banale neppure con quello (occorre conoscere MOLTO BENE HTML, CSS e JS prima di poter solo pensare di realizzarlo)

[deleted_129]

In realtà il primo è una cazzata:

position:fixed;
top:0;

questo consente al menù di essere visualizzato SEMPRE in alto (non importa se scrolli). Ovviamente il cambio di collegamento è con javascript ma a quanto vedo nell'altro esempio non ti importa quell'effetto ma solo dare una posizione fissa ad un qualcosa che ti segua. quindi ripeto:

#elemento{
position:fixed;
top:0;
}

[Valeria75_bis]

Faccio qualche prova!!

Grazie!!