-1

プラグインにスクロールして1ページのWebサイトを作成しています。スクロールする距離に応じて、メニュー項目にアクティブクラスを追加したいと思います。

ナビゲーション：私たちについて| サービス| 価格| 連絡先

上から0から800ピクセルまでスクロールすると、About usがアクティブになり、上から800から1600ピクセルまでスクロールすると、Servicesがアクティブになります。

等々...

ありがとう

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 に答える