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

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

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