Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2009
    Messaggi
    10

    Posizionare un div ad una posizione definita, allo scorrere della pagina

    Salve a tutti, son quì perchè stremato dalla ricerca di una parte di codice che mi interessa; vorrei fare qualcosa di molto simile al menù "show site navigation" che si vede in questa pagina: http://www.quirksmode.org/blog/archi...vascrip_1.html
    L'unica cosa che mi interessa fare un div che si comporta alla stessa maniera: prima si posiziona normalmente all'interno della pagina, poi quando si scorre verso il basso va a posizionarsi ad una posizione definita a x px dal top.
    Vi sarei molto grato se riusciste ad evidenziarmi la parte di codice (e di script!) che mi interessa.

    Grazie mille!

    PS: l'unica cosa che son riuscito a capire è che il div a cui il javascript modifica le impo si chiama header e viene richiamato (in parte temo) da questo codice:
    codice:
    function setMenuOffset() { 
    	var header = document.getElementById('header');
    	if (!header) return;
    	var currentOffset = document.documentElement.scrollTop || document.body.scrollTop; // body for Safari
    	var startPos = parseInt(setMenuOffset.initialPos) || 190;
    	var desiredOffset = startPos - currentOffset;
    	if (desiredOffset < 10)
    		desiredOffset = 10;
    	if (desiredOffset != parseInt(header.style.top)) 
    		header.style.top = desiredOffset + 'px';
    
    	var currentLeftOffset = document.documentElement.scrollLeft || document.body.scrollLeft; // body for Safari
    	if (currentLeftOffset != - parseInt(header.style.left))
    		header.style.left = '-' + currentLeftOffset + 'px';
    }

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2009
    Messaggi
    10
    Troppo difficile?

  3. #3

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.