Динамическая смена класса, как сделать?

Question

[Сергей Кошкин]

Есть сайт с плагином one page scroll (скролит весь вьюпорт к следующему "section", и каждый скролл к следующей "section" присваивает "body" новый класс вроде такого ".viewing-page-1") и есть фиксированная менюшка в виде гамбургера. Как сделать что бы когда body class=«viewing-page-1» менюшки не было, а когда body class="viewing-page-2" \3\ и т.д. менюшка появлялась?

$(document).ready(function () {
            if ($('body').hasClass("viewing-page-1")) {
                $(".cd-stretchy-nav").hide();
            } else {
                $(".cd-stretchy-nav").show();
            };
        });

Менюшку спрятало, но не возвращает после смены класса.

Answer 1

[Максим Митрущенков]

Здравствуйте. У этого плагина есть же callback-и. Повесьте ваш код на один из них и пробуйте.

Comments

[Сергей Кошкин]

есть, но почему-то beforeMove не работает пока хотя бы раз не проскролить сайт.

[Максим Митрущенков]

Сергей Кошкин: что логично, так как они срабатывают на момент выполнения функций плагина. Я бы на вашем месте обернул нужный вам код в функцию и вызывал его в двух местах. Один раз вызвать внутри $(document).ready(function () { ... } и второй раз уже в одном из callback-ов плагина.

Answer 2

[Lumore]

Не уверен, но стоит попробовать.

$('body').change(function () {
            if ($(this).hasClass('viewing-page-1')) {
                $(".cd-stretchy-nav").hide();
            } else {
                $(".cd-stretchy-nav").show();
            };
        });

Answer 3

[Егор Рублёв]

jq_144(function($){
	var topNav = $('меню');

	if (topNav.length) {
		_scroll.call(window);
		$(window).on('scroll', _scroll);
	}

	function _scroll () {
		if ($(this).scrollTop() >= высота, когда появляется меню ) {			
			topNav.fadeIn();				
		} else {
			topNav.fadeOut();			
		}
	}
});