nickostyle
@nickostyle

Как клонировать header на jquery?

Имеется шапка. При начале скроллинга она меняет свою высоту и т.п. В определенный момент вместо логотипа появляется кнопка "наверх", но почему то после ее срабатывания прокрутка сайта не работает - все дергается и в конечном итоге никуда не скроллится. Привожу код

// 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");
		});

	});


И еще - когда проскролливает наверх, то шапка анимируется и видно фон документа под ней (в момент анимации). Я вот думаю, можно ли при нажатии на кнопку "наверх" сделать так, чтобы шапка исчезала, а наверху уже ждала полноценная копия...Без анимации.
  • Вопрос задан
  • 163 просмотра
Пригласить эксперта
Ответы на вопрос 1
MhMadHamster
@MhMadHamster
уберите return false;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы