Sto provando il seguente codice jQuery.
Quando si scorre verso l'alto o verso il basso, desidero impostare fadeOut
a div e quando lo scroll si è fermato fadeIn
lo stesso div.jQuery scroll event
Quello che ho è questa:
$(document).ready(function(){
$(window).scroll(function(e){
$('#search_tab').fadeOut('slow');
});
});
So che questo fadeOut
il div quando il rotolo è iniziata, ma il trucco è quello di svanire di nuovo una volta che mi fermo a scorrimento.
Ora, ho visto questo (ma ancora non del tutto quello che voglio)
//Firefox
$('#elem').bind('DOMMouseScroll', function(e){
if(e.detail > 0) {
//scroll down
console.log('Down');
}else {
//scroll up
console.log('Up');
}
//prevent page fom scrolling
return false;
});
La funzione di cui sopra non funziona affatto come segue:
$(window).bind('DOMMouseScroll', function(e){
if(e.detail > 0) {
//scroll down
$('#search_tab').fadeOut('slow');
}else {
//scroll up
$('#search_tab').fadeOut('slow');
}
//prevent page fom scrolling
return false;
});
funziona pure, grazie :) – user1965451