0

シングルページのウェブサイトを作成しようとしています。私の例をチェックしてください

ここでは、clickスクロール中、ホーム以外のナビゲーションTopの後、同じナビゲーションが表示されます（背景色のみ）。しかし、スクロールをクリックしているときにホームナビゲーション（背景色）が必要ですclickTop

例

私についてのナビゲーションをクリックしてから、スクロールをクリックしTop てリンクを変更しないでくださいactive background color

私を助けてください。

4

3 に答える 3

1

要素に使用background-attachment: fixed;します<body>。

すなわち

body {
    background:#000000 url(../images/body.jpg) no-repeat;
    font-size:14px;
    background-attachment: fixed; /* new */
}
于 2012-10-09T11:38:40.017 に答える
1

これらの 2 行をトップ リンクのクリック イベントに追加します。

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

しかし、pagescroller API を使用してこれを行う方法が必要です。

編集: http://pagescroller.com/documentation/ で API を確認しました 。これを行う方法はありますが、pagescroller のプロ バージョンでのみ使用できます。
もう 1 つの解決策は、pagescroller の prev() 関数を数回呼び出すことです。

于 2012-10-09T11:54:34.897 に答える
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 -スタイルナビゲーションメニュー/

于 2012-10-09T12:10:23.470 に答える