Question

我正在尝试创建单页网站。检查my example

此处，在click滚动Top时，除了主页之外的任何导航上click之后，它显示相同的导航（仅以背景颜色）。但是我点击滚动Top

时需要家庭导航（背景颜色）

示例

点击关于我导航，然后点击滚动Top 它没有更改链接active background color

请帮帮我。

Answer 1

对background-attachment: fixed;元素使用<body>。

即

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

Answer 2

将这两行添加到您的热门链接点击事件：

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

但必须有一种方法可以使用pagescroller api。

修改刚看了http://pagescroller.com/documentation/的api 有一种方法可以做到这一点，但只能使用专业版的pagescroller 另一个解决方案可能是多次调用pagescroller的prev（）函数。

Answer 3

您可以使用：

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

并添加此CSS样式：

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