Здравствуйте! На своём сайте пытаюсь сделать незамысловатую анимацию:
1) Меню при прокрутке страницы вниз на 500 пикселей занимает позицию fixed и top
2)При возвращении наверх должно возвращаться на своё место
Всё работает, НО при прокрутке наверх меню почему-то "ждёт" чего то и только потом исчезает. И чем ниже прокручиваем страницу, тем, при возвращении на самый верх, меню дольше возвращается на своё место.
Помогите, плиз! В Javascript нуб. Подключён jQuerry плагин. Уже всю голову сломал, но никак.
Вот сайт:
http://chastnyj-kompyuternyj-master.bl.ee
Вот код: (первый кусочек его отвечает за плавные переходы между ID)
var currentWidth = $(document.body).width();
if ( currentWidth >= '1024') {
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
$(window).scroll(function (){
if ($(this).scrollTop() > 550){
$(".menu").addClass("menuw");
$(".menu").animate({top: "65px"},400);
$(".nonemenu").css("display", "block");
} else {
$(".menu").removeClass("menuw");
$(".menu").animate({top: "0px"},300);
$(".nonemenu").css("display", "none");
};
});
};
