jquery - 使用导航背景颜色滚动顶部不起作用

Question

我正在尝试创建单页网站。检查我的例子

在这里，click在滚动Top时，在除homeclick之外的任何导航之后，它显示相同的导航（仅在背景颜色中）。但是单击滚动时我需要主页导航（背景颜色）Top

例子

单击关于我的导航，然后单击滚动Top 它不会更改链接active background color

请帮我。

score 1 · Accepted Answer

用于background-attachment: fixed;您的<body>元素。

IE

body {
    background:#000000 url(../images/body.jpg) no-repeat;
    font-size:14px;
    background-attachment: fixed; /* new */
}

score 1 · Accepted Answer

将这两行添加到您的顶部链接点击事件中：

$('#back-top a').click(function() {
  $('#nav li.active').removeClass('active');
  $('#nav li').first().addClass('active');
}

但是必须有一种方法可以使用 pagesscroller api 来做到这一点。

编辑： 刚刚查看了http://pagescroller.com/documentation/上的 api 有一种方法可以做到这一点，但只能使用专业版的 pagesscroller。
另一种解决方案可能是多次调用pagescroller 的prev() 函数。

score 1 · Accepted Answer

您可以使用：

$('#back-top a').click(function() {
  $('#nav > li.active').removeClass('active');
  $('#nav > li:first').addClass('active');
});

并添加此 CSS 样式：

li.active {
    background-color: #eee;
}

3 回答 3