便利帳

自分用備忘録。誰かの役に立てたら幸いです。

jQuery

HTML/CSS・jQuery:ページ内リンクをスムーススクロールで移動する

ページ内にリンクを設定する際にスムーススクロールで移動する方法です。jQueryを使用します。 HTML/CSS HTML <div class="header"> ヘッダーがはいります </div> <div id="content"> <a href="#link">CONTENT</a> </div> CSS #content{ padding-top: 100px; } #link { margin-top:-100px; } jQuery $(function () { $('a[href^=#]')…