• RSS

[JS]jQueryのスムーススクロールで着地点の位置を微妙にずらす方法

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

jQueryのスムーススクロールを使って指定の場所へページ内遷移した時、アンカー名から上下に位置にずらして着地させる方法のご紹介です。

例えばヘッダーがページ上部に固定されていて、ヘッダーの高さ分だけ着地点を調整しないといけないような場合に便利なカスタマイズです。

着地点を100px下にずらす

まずは100pxだけ下にずらす場合のコード例です。



着地点を100px上にずらす

今度は100px上にずらす場合です。




  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください