jQueryで指定した箇所までスクロールする方法

Pocket

ブログなどに自動的に目次をツールを作ろうとして挫折しました。その際に調べたことをメモしておきます。
HTMLでは見出しの部分にh2やh3などのタグを使います。このタグをめがけてスクロールする方法です。

次のように書くと「2番めのh3タグ」までスクロールします。

obj = $("h3:nth-of-type(2)");
y = obj.offset().top;
$("body").animate({scrollTop:y}, "slow");

"h3:nth-of-type(2)"の部分が「2番めのh3タグ」を表します。
この部分の書き方はCSSのセレクターと同じです。

というタグであれば"#abc"とします。
書き換えれば色々使えます。

[ 2019年12月18日 | カテゴリー: JavaScript | タグ: ]

« | »

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

送信してください。


タグ

カテゴリー

最近の投稿

最近のコメント

固定ページ

アーカイブ

stabucky

写真

メタ情報