1

我有四个<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/

4

1 回答 1

0

不确定您是否仍在寻找此问题的答案，但这是一个小提琴。

您可以简单地使用 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');
});

这是小提琴。http://jsfiddle.net/YZvKX/1/

于 2013-06-21T20:26:10.427 回答