یک افکت کاربردی برای قسمت منو در وب سایت

$(function () {
var lastScrollTop = 0;
var $navbar = $(‘.upmenu’);

$(window).scroll(function(event){
var ht = $(this).scrollTop();

if (ht > lastScrollTop) { // scroll down

// use this is jQuery full is used
$navbar.fadeOut()

// use this to use CSS3 animation
// $navbar.addClass(“fade-out”);
// $navbar.removeClass(“fade-in”);

// use this if no effect is required
// $navbar.hide();
} else { // scroll up

// use this is jQuery full is used
$navbar.fadeIn()

// use this to use CSS3 animation
// $navbar.addClass(“fade-in”);
// $navbar.removeClass(“fade-out”);

// use this if no effect is required
// $navbar.show();
}
lastScrollTop = ht;
});
});