別ページのアンカーリンクをスムーズスクロールするjavascript(ズレも調整)

以前の記事の通り、縦長ページでアンカーリンクを作り、ページ内リンクとしてスムーズスクロールするようにjQueryで設定しました。
» 記事:ページ内リンクをjQueryでスムーズスクロールした際のずれを解消する方法

せっかくなので他のページからもそのページのアンカーリンクにリンクを張ってみましたが、position: fixed;で固定したメニューバーとかぶってしまい、見た目がずれてしまっています。
ズレを修正するついでに、別ページからのリンクにもスムーズスクロール対応するjavascriptを設置しました。
続きを読む

ページ内リンクをjQueryでスムーズスクロールした際のずれを解消する方法

縦長のウェブサイトのページ内リンクは、jQueryなどでスムーズスクロールするようにしておくと、どこに移動したのか閲覧者にとってわかりやすいですね。

しかしせっかくのスムーズスクロールも、position: fixedでメニューバーを固定しているような場合、ズレてしまって思ったように表示されません。
そこでjQueryに少し追記してズレの高さ分を処理する方法です。
続きを読む