Имеется шапка. При начале скроллинга она меняет свою высоту и т.п. В определенный момент вместо логотипа появляется кнопка "наверх", но почему то после ее срабатывания прокрутка сайта не работает - все дергается и в конечном итоге никуда не скроллится. Привожу код
// Header sticky
// ---------------------------------------
$(window).on('scroll', function() {
var header = $('.site-header'),
menu_btn = $('.main-navigation'),
search_btn = $('.site-search'),
site_name = $('.logo'),
go_top_link = $('.go-top'),
scroll = $(window).scrollTop();
if (scroll > 10) {
header.addClass("header-scrolled");
} else {
header.removeClass("header-scrolled");
}
if (scroll > 20) {
menu_btn.addClass("scrolled");
search_btn.addClass("scrolled");
site_name.addClass("scrolled");
} else {
menu_btn.removeClass("scrolled");
search_btn.removeClass("scrolled");
site_name.removeClass("scrolled");
}
if (scroll > 1200) {
go_top_link.addClass("scrolled");
site_name.addClass("scrolled-hide");
} else {
go_top_link.removeClass("scrolled");
site_name.removeClass("scrolled-hide");
}
go_top_link.click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, 500);
return false;
go_top_link.removeClass("scrolled");
site_name.removeClass("scrolled-hide");
});
});
И еще - когда проскролливает наверх, то шапка анимируется и видно фон документа под ней (в момент анимации). Я вот думаю, можно ли при нажатии на кнопку "наверх" сделать так, чтобы шапка исчезала, а наверху уже ждала полноценная копия...Без анимации.