Filoweb.it

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


FB TW G+ 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 G+ 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 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 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