Come funziona questa storia delle immagini..? cambiano in base alla posizione della barra verticale di scorrimento?
consigli su come farlo?
http://www.playgroundinc.com/
grazies!!
Come funziona questa storia delle immagini..? cambiano in base alla posizione della barra verticale di scorrimento?
consigli su come farlo?
http://www.playgroundinc.com/
grazies!!
jquery e posizionamento del background
gli elementi che si animano in un pannello (che occupano tutto lo spazio del pannello) hanno background fixed e posizionato opportunamente (in relazione a quanto scrollato) finche' non terminano l' animazione,
dopo il background diventa "scroll", quindi segue lo scroll del resto della pagina, e resta posizionato alla stessa distanza
mmm non ho capito sai..potresti essere più chiaro?oppure postare una guida o tutorial
grazie mille
l' aiuto nel forum puo' arrivare fino ad un certo punto, se non hai le nozioni di base non posso aiutarti piu' di tanto
con questo sei in grado di determinare di quanti pixel e' stato scrollato il documento
guarda la consolecodice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <style type="text/css"> #wrapper {height:3500px; /* giusto per far apparire la scrollbar */} </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> /*<![CDATA[*/ $(function(){ var scrollElement = 'html, body'; $('html, body').each(function () { var initScrollTop = $(this).scrollTop(); $(this).scrollTop(initScrollTop + 1); if ($(this).scrollTop() == initScrollTop + 1) { scrollElement = this.nodeName.toLowerCase(); $(this).scrollTop(initScrollTop); } }); $(window).scroll(function(){ console.log($(scrollElement).scrollTop()) }) }) /*]]>*/ </script> </head> <body> <div id="wrapper"></div> </body> </html>
nella funzione contenuta in $(window).scroll() valuterai lo scrollTop e di conseguenza posizionerai quello che vuoi, che sia un elemento, che sia solo il background di un elemento come nel link che hai postato
ciao
ok ci proverò grazie
cio nun ce riesco
ma non posso prendere le coordinate della barra verticale e usarle nel posizionamento dell' immagine nel css?
come top di un elemento? prova...
stessa roba di prima, al posto di
console.log($(scrollElement).scrollTop())
$('#idElemento').css('top',$(scrollElement).scroll Top()*1.12);
all' xhtml aggiungi
<div id="idElemento"></div>
al css aggiungi
#idElemento {position:absolute;left:30px;top:0px;background:#f 90;width:20px;height:20px;}
buon proseguimento
Permessi di invio
Rispondi quotando