Filoweb.it

esegue altre istruzioni se la pagina scorre la pagina oltre il valore di un div


FB TW whatsapp RSS FEED News letter
Jquery CSS Jscript
esegue altre istruzioni se la pagina scorre la pagina oltre il valore di un div


<script type=" text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" ></script>

<script type=" text/javascript" src=" https://rawgit.com/Darkseal/jquery.scrolling/master/jquery.scrolling.js" ></script>




<script type=" text/javascript" >



$(document).ready(function(){

$(' .home' ).hide();

// Calcola la posizione in altezza dell' elemento. Usa outerHeight() se hai del padding https://api.jquery.com/outerHeight/ o offset().top.

//Altrimenti usa anche height() https://api.jquery.com/height/

//#nav è il selettore del menù di navigazione

var navHeight = $(' #testatra' ).outerHeight();

// Entra quando si scrolla la pagina

$(window).scroll(function(){

// Se scorre la pagina oltre il valore salvato in navHeight (quindi la posizione della nav Bar), esegue altre istruzioni

if ($(window).scrollTop() > navHeight){



$(' .home' ).show(' slow' );



}else{

// se torna sopra il valore di navHeight, rimuove la classe .fixed, e la barra ritorna alla sua posizione originale

$(' .home' ).hide(' slow' );





}

});

});





/* $(' .home' ).hide(); */

</script>
FB TW whatsapp RSS FEED News letter

filoweb.it è il sito personale di Filippo Brunelli
(c) 2017 Filippo Brunelli
Le immagini ed i testi contenuti nel sito filoweb.it sono di proprietà di Filippo Brunelli salvo diversamente indicato.
L'uso delle immagini e del testo è gratuito per uso personale ed è subbordinato alla citazione della fonte.
Brunelli Filippo declina ogni responsabilità per l'uso che viene fatto delle informazioni presenti nel sito filoweb.it.
FILOWEB.it Piccolo quaderno degli appunti. Argomento: Jquery CSS Jscript, Titolo:esegue altre istruzioni se la pagina scorre la pagina oltre il valore di un div. Altri script riguardano: CSS, Jscript, .net, Classic Asp, HTML, Jquery, varie, url rewrite, pagina protetta da password, ecc. Altro su https://www.filoweb.it