Newsgroup: it.comp.lang.javascript
Titolo: bloccare elemento in alto allo scrolling

ciao a tutti,
volevo chiedere se potete darmi qualche indizio per scoprire come si 
riproduce quel particolare effetto per cui un elemento posizionato - 
mettiamo - a metï¿œ altezza di una pagina html, allo scrolling verticale 
della pagina si blocca quando arriva sul bordo superiore in modo da 
rimanere sempre visibile.
Ho provato a cercare ma non sapendo bene come possa chiamarsi l'effetto 
non sono riuscito a trovare nulla!
grazie mille
-- 
DoZ
www.DoZarte.com
www.LIBRIdaLEGGERE.org

http://www.cssplay.co.uk/layouts/body2.html


 
http://www.cssplay.co.uk/layouts/body2.html
mmhh... quello mi mostri mi sembra 'fixed' (o quello che č) ma quello 
che cerco io invece 'scrolla' finché non raggiunge il bordo in alto, e 
lě si blocca.
-- 
DoZ
www.DoZarte.com
www.LIBRIdaLEGGERE.org

 grazie mille
ho trovato un esempio: il 'social' meù sulla sinistra...
http://www.developersnippets.com/2010/12/04/how-to-add-wmodetransparent-for-flash-object-using-jquery-and-native-javascript/
-- 
DoZ
www.DoZarte.com
www.LIBRIdaLEGGERE.org

 
http://www.developersnippets.com/2010/12/04/how-to-add-wmodetransparent-
for-flash-object-using-jquery-and-native-javascript/
Non vedo quello che dici nella pagina ... (firefox)

 l si blocca.

 Non vedo quello che dici nella pagina ... (firefox)
non compare se la larghezza della finestra del browser è sotto 1331 
pixel di larghezza
-- 
DoZ
www.DoZarte.com
www.LIBRIdaLEGGERE.org

 puoi modificare velocità e dimensioni
ok, questo si avvicina molto! :)
se riesco a 'fermarlo' ce l'ho fatta!
grazie
-- 
DoZ
www.DoZarte.com
www.LIBRIdaLEGGERE.org

 Prova questo:
ho trovato un esempio migliore (ma devo capire com'è fatto):
basta fare una ricerca in google, e se compare anche una mappa, 
l'effetto è esattamente quello:
http://tinyurl.com/64k89wl
-- 
DoZ
www.DoZarte.com
www.LIBRIdaLEGGERE.org

 l'effetto esattamente quello:
http://tinyurl.com/64k89wl

 punta a 
tipografiamoderna.it
 tutto in flash non javascript
no,no,aspetta! Intendevo questo:
http://img825.imageshack.us/img825/3139/immagine1s.gif
-- 
DoZ
www.DoZarte.com
www.LIBRIdaLEGGERE.org

 rimanere sempre visibile.
Guarda il pannello a sinistra: mi sembra sia gestito in JS. COn quale 
tecnica, non lo so.
http://punto-informatico.it/3097655/PI/News/do-not-track-microsoft-al-w3c.aspx


BRAVO! è proprio quello che cerco io!
-- 
DoZ
www.DoZarte.com
www.LIBRIdaLEGGERE.org

 BRAVO! è proprio quello che cerco io!
Penso di avercela fatta: c'è un bel <div id=widget"> e poi un bel pezzo 
di JS che cambia lo stile di 'position' e 'top' allo scrolling:
window.onscroll = function() {
scrollpos = (document.documentElement.scrollTop ? 
document.documentElement.scrollTop : document.body.scrollTop)
if (scrollpos > 340) {
document.getElementById('widget').style.position = "fixed";
document.getElementById('widget').style.top = "0px";
}
else {
document.getElementById('widget').style.position = "absolute";
document.getElementById('widget').style.top = "340px";
}
}
:)
-- 
DoZ
www.DoZarte.com
www.LIBRIdaLEGGERE.org

 rimanere sempre visibile.
Con le informazioni raccolte ho scritto un piccolo tutorial:
http://www.dozarte.com/wordpress/2011/03/02/bloccato-in-cima/
-- 
DoZ
www.DoZarte.com
www.LIBRIdaLEGGERE.org