jquery - 将滚动上的 ul 样式更改为 div

Question

我有四个菜单 <ul> s 并且在页面的容器中我有四个框。第一个ul对于第一个盒子，第二个ul对于第二个盒子，第三个ul ....然后继续

当我首先滚动到第一个框时 ul的样式更改为不同的样式，然后当我滚动到第二个框时 ul的样式更改为相同的不同样式和第一个 ul的风格回到原来的风格.. 就像那样。

问题是当我滚动到最后一个框时，第四个 ul样式更改为不同的样式，但是当我暂停框并转到没有框的空间第四个 ul的样式仍然是相同的样式，并且不会返回到它的原始样式，如您在此处所见:

http://ge.tt/6YcYZ1h/v/0

我尝试过类似的方法 ( http://ge.tt/6PeKY1h/v/0 )，但如您所见，它并没有 100% 有效。我还解释了一些事情，我的问题在代码中到底在哪里。这里的代码:http://jsfiddle.net/YZvKX/

Answer 1

不确定您是否仍在寻找这个问题的答案，但这里有一个 fiddle 。

您可以简单地使用 jquery 添加和删除类来更改按钮的样式。

$(".scroll").click(function (event) {
    $('#menu li').addClass('menutext');
    event.preventDefault();
    $('html,body').animate({
        scrollTop: $(this.hash).offset().top - 59
    }, 800);
    $(this).parent().removeClass('menutext');
    $(this).parent().addClass('menutext2');
});

这是 fiddle 。 http://jsfiddle.net/YZvKX/1/