0

Zurb's Foundation を使用して Web サイトを作成しています。メニューのトップバーを使用して、ページに貼り付けました。単一のページなので、ページの他の部分に移動するにはトップバーを使用します。ユーザーが「連絡先」をクリックすると、ページが滑らかなスクロール効果でウェブサイトの連絡先部分 (id="contact" の div) にスクロールするようにします。

私は多くのことを試し まし
.

しかし、実際には、何を試してもページがスクロールしません。面白いのは、アニメーション効果を示していることです。ただし、連絡先部分には移動せず、ページの上部に移動します。

ここで明らかな何かが欠けていますか?それとも干渉しているのはZurb's Foundationですか?

ページの例はここにあります: Out of date example

私の無能さを解決するのに役立つ提案をいただければ幸いです。

4

2 に答える 2

1

アンカーはすべて正常に機能していますが、スムーズなスクロール効果が必要な場合は (マウスのスクロール ホイールを使用した場合と同様)、それを行うには jQuery プラグインが必要です。

「jquery Smooth Scroll」をグーグルで検索すると、使用できるものがたくさん提供されます。たとえば、最初のエントリは、さまざまなプロジェクトで使用した GitHub リンクです ( https://github.com/kswedberg/jquery-smooth-スクロールします)。jQuery ファイルを取り込み、smoothScroll() で特定のクラスを初期化し、スクロールしたいタグにそのクラスを持たせるだけです。

readme ファイルで使用方法を詳しく説明しています。

于 2013-10-16T10:28:19.157 に答える