[解決済み] jQuery Scroll to Div
2022-03-04 09:22:49
質問
FAQのページを作っているのですが、上部にカテゴリーにジャンプするためのボタンがあります(これは
p
タグを使用し、そのタグをカテゴリーラベルとして使用します。
<p id="general">
を使用し、一般的なカテゴリを作成しました。)
カテゴリに直接ジャンプするのではなく、スクロール効果を追加したいのです。 次のようなものが必要です。
http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm
をクリックすると、ページの目的の部分までスクロールします。 そのリンクは、素敵なスクロール効果でページの一番上に行くスクリプトです。 私は、私がリンクする場所にスクロールする同様のものが必要です。 たとえば、雑多なカテゴリに移動したい場合、私はちょうど持っていることができるようにしたい
<a href="#misc">Miscellaneous</a>
で、ページのそのセクションにスクロールさせることができます。
解決方法は?
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
このリンクをチェックしてください。 http://css-tricks.com/snippets/jquery/smooth-scrolling/ は、私が以前使用したことがあり、非常にうまく機能します。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] jQueryは、すべてのテキストフィールドの値の合計を計算する
-
[解決済み] フォーム送信のjQueryが動作しない
-
[解決済み] jqueryでラジオボタンを検証する?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】「Missing required request header」を修正する方法。origin,x-requested-withのいずれかを指定する必要があります' Ajax Error
-
[解決済み】jQueryでクリックされた要素のIDを取得する方法
-
[解決済み] jquery fadeIn が動作しない。
-
[解決済み] jQuery .load()が動作しない
-
[解決済み] TypeError: $.ajax(...) is not a function?
-
[解決済み] Jquery.comのサイトのソースファイルはどこにあるのでしょうか?ダウンロードのリンクがないのですが
-
[解決済み] チェックボックスのオン/オフの切り替え
-
[解決済み] jQueryの各ループから抜け出すには?
-
[解決済み] jQuery slidetoggleが動作しない?[クローズド]
-
[解決済み] Uncaught TypeError: 未定義のプロパティ 'ajax' を読み取ることができません。