0

有没有办法选择当前的锚点并让它在单页网站的每个部分都可见？例如，我的所有页面（家庭/联系人/商店等）都在一页上，采用水平滚动布局。当我选择锚点时，它会突出显示当前锚点，但在滚动到页面的下一部分时不会保持该锚点突出显示。相反，它突出显示，并且随着滚动开始，锚点的突出显示消失了。这是我正在使用的代码：

$('#nav a').click(function() {
alert($(this).attr('href'));
});

本来想用jquery ui来做的，只是做这个操作好像有点过头了。因此，在同一页面中突出显示项目的当前锚点，但在滚动到其他部分时仍然突出显示。想法？

提前致谢

4

2 回答 2

1

我猜您是在谈论单击锚点时发生的默认焦点覆盖？

如何将一个类添加到当前活动的部分：

$("#nav a").click(function() {
    var self = $(this), className = "active";
    self.addClass(className).siblings("."+className).removeClass(className);
    ...
});

您可能还想检查这个答案，因为它可能是相关的。如果这个答案对你没有帮助，我的建议是在jsFiddle上创建一个测试用例来帮助你进一步描述你的问题。

于 2012-04-23T15:09:28.687 回答
0

像这样？

JS：

$('#nav a').click(function(){
    $('#nav a').removeClass('highlighted');
    $(this).addClass('highlighted');
});

CSS：

.highlighted {
    background: #ffffeo;
}
于 2012-04-23T15:09:45.277 回答