单页网站,固定位置导航栏:如何在相应的div上更改“当前链接”的属性?

时间:2013-02-17 12:58:30

标签: html css singlepage portfolio

我正在创建一个单页组合网站。我的导航栏是固定位置。单击链接时,它将向上/向下滚动到链接到的相应div(因为导航栏不会这样做)。是否有一种干净的方法来使它们导航栏中链接的颜色在它们对应的div上时会发生变化?

2 个答案:

答案 0 :(得分:0)

我不确定具体目的。但是你可以使用css样式作为:active,或者你可以使用jQuery根据位置应用样式。

答案 1 :(得分:0)

我可以想到使用php的解决方案

如果您使用$ _SERVER获取当前网址;当您在同一页面上时,您的网址将如下所示:http://example.com/#divid

现在你可以爆炸链接并获取相应div的值。然后你需要在每个菜单项上运行一个php if语句来检查当前视图中的div是否为div并将css类更改为active(使用你喜欢的样式)

希望有所帮助。如果您尝试,请发布一些代码。

我们可以一起找到解决方案