javascript - 将类添加到滚动页面jquery上的div

Question

我想我需要帮助。我正在尝试使用 jQuery，但我了解的不多，但我遇到了菜单的“事件颜色”问题。

这是我的工作的简化版本:http://jsfiddle.net/paulakfleck/aZGKz/

这是整个工作(完整):http://nartecrobotica.com.br/g4/

如您所见，当我在菜单中单击时，“事件颜色”起作用，但当我滚动页面或打开页面时，却不起作用。

我想最大的错误在于这一行:

if($(window).scrollTop() == $("#g-4")){...}

我以 #g-4 为例，但它也不起作用。

我在 Stackoverflow 上尝试了其他答案，但我无法做到这一点。

来点光好吗？

Answer 1

如果你想让你的菜单在你滚动时改变，你可以试试这个:

$('.grid').each(function () {
    if ($(window).scrollTop() > $(this).position().top - ($(this).height() / 2)) {
        $('.myList a').removeClass('active');
        $('.myList a#menu' + $(this).attr('id').split('-')[1]).addClass('active');
    }
});

更新了你的 jsfiddle here .