-1

我正在创建带有滚动到插件的一页网站。我想根据我滚动的距离向菜单项添加活动类。

导航：关于我们 | 服务 | 价格 | 联系人

如果我从顶部滚动 0 到 800 像素，则 About us 将处于活动状态，如果我从顶部滚动 800 到 1600 像素，则服务将处于活动状态

等等...

谢谢

4

2 回答 2

0

我解决了我的问题。

$(window).scroll(function() {    
$(".top_menu a.active").removeClass("active");
var scroll = $(window).scrollTop();
if (scroll <= 800) {
    $(".top_menu .item1").addClass("active");
}
else if (scroll <= 1600) {
    $(".top_menu .item2").addClass("active");
}
else if (scroll <= 2400) {
    $(".top_menu .item3").addClass("active");
}
else if (scroll <= 3200) {
    $(".top_menu .item4").addClass("active");
}
else if (scroll <= 4000) {
    $(".top_menu .item5").addClass("active");
}
else if (scroll <= 4800) {
    $(".top_menu .item6").addClass("active");
}

});

于 2012-09-23T09:07:23.440 回答
0

我找到了最好的解决方案，我使用的是 scrollspy 插件，它包含在 bootstarp 和 uikit 中，您可以从以下网址下载具有许多其他有用功能的 uikit：http ://www.getuikit.com/

于 2013-10-23T08:03:53.737 回答