Как сделать навигацию landing page?

Question

[Вячеслав Боргомотов]

Добрый день помогите доделать скрипт. Есть ссылки-якоря. При скроле до нужного блока подсвечивается нужный якорь, но когда скролишь до самого верха остается подсветка якоря 1 блока. Как ее убрать?

И сразу следующий вопрос: как при маленьком экране убрать меню, когда я кликнул на ссылку якорь?

$(window).scroll(function() {
		var windscroll = $(window).scrollTop();
		$('.main section').each(function(i){
			if($(this).position().top <= windscroll + 70) {
				$('.nav a.active').removeClass('active');
				$('.nav a').eq(i).addClass('active');
			};
		});
	}).scroll();

Заранее спасибо

Comments

[Вячеслав Боргомотов]

Со вторым вопросом разобрался! помогите с 1

Answer 1

[trushka]

$(window).scroll(function() {
    var windscroll = $(window).scrollTop();
    if (!windscroll) $('.nav a').removeClass('active'); 
    $('.main section').each(function(i){
      if($(this).position().top <= windscroll + 70) {
        $('.nav a.active').removeClass('active');
        if (windscroll) $('.nav a').eq(i).addClass('active');
      };
    });
  }).scroll();

Comments

[Вячеслав Боргомотов]

Огромное спасибо!

Answer 2

[denis_lunochkin]

Попробуй сделать в цикле с проверкой, я не очень понял, можешь ссылку дать или скрин? У тебя класс актив не снимается?

Comments

[Вячеслав Боргомотов]

Да у меня не снимается класс active