2012-10-09 69 views
0

我正在尝试创建单页网站。检查my example导航背景颜色的滚动顶部不起作用

在这里,而click上滚动Topclick后对任何导航除了, 它显示了相同的导航(仅在背景色)。 但我需要回家导航(背景颜色),而点击滚动Top

点击关于我导航,然后单击滚动Top 其不改变链接activebackground color

请帮帮我。

回答

1

您可以使用:

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

并添加以下CSS样式:

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

关于您的需求(滚动的菜单项的背景),我真的建议你看看:http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-lava-lamp-style-navigation-menu/

+0

谢谢你的回复。但我需要更改活动链接的背景颜色。 –

+1

我编辑了我的帖子。用你的背景颜色替换#eee。 –

+0

这很好。谢谢.. 有没有什么办法可以顺利地做到这一点..我会解释清楚, 如果我的导航是关于我的会议,我点击滚动顶部,那么它必须通过投资组合,最后到达家。 请不要介意! –

1

使用background-attachment: fixed;表示您的<body>元素。

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

谢谢你的一个新想法。 但我的问题与此无关。请转到我的链接并查看示例。 –

1

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

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

但是,必须有一种方式与pagescroller API来做到这一点。

编辑: 只是看了看API在http://pagescroller.com/documentation/ 有办法做到这一点,但只有pagescroller Pro版本。
另一种解决方案可能是几次调用pagescroller的prev()函数。

+0

谢谢你的回复。但我需要更改活动链接的背景颜色。通常它的工作正常。我有滚动顶部和活动链接背景颜色的问题 –