Плавный скролинг jquery?

Question

[issssrt]

Использую для лэндинга плавный скрол наподобе

$(".an").click(function() { 
		var href = $(this).attr("href");
		$(".a-menu").removeClass("active");
	    $('html, body').animate({
	        scrollTop: $(href).offset().top-41
	    }, 500);
	    wow.init();
	    return false;
	});

Все отлично, но хотелось бы выделять пункт меню когда открыт данный экран.
Подскажите по каком у принципу это можно организовать?

Comments

[melnikov_m]

Например, высчитывать y-величину между определенными id. Если разница меньше, например 20px выделять нужный пункт меню.

Answer 1

[Владимир Родкин]

Решение в лоб:

// Блок, при прокрутке до которого надо подсветить
var block = $('#foo');
// Ссылка в меню, которую подсвечиваем
var menuItem = $('#foo-menu-item');

// Вешаем событие на скроллинг
$(window).on('scroll', function () {
    if (block.offset().top < $(this).scrollTop()) {
        menuItem.addClass('active');
    } else {
        menuItem.removeClass('active');
    }
});

Это далеко не оптимальное решение, но должно работать. Улучшать есть куда =)