最新のjQueryでスムーズスクロールが動かない場合の対応策

Web jQuery

個人的備忘録。
スムーズスクロールが最新のjQueryで動かない場合の対策。

3行目の[href^=”#”]の#をダブルクォーテーション（”）で囲めばOK。
jQueryのバージョン違いによる文法解釈の揺らぎらしい。
なんのこっちゃ。

$(function(){
 var headerHight = 70; // 固定ヘッダーの高さをずらす場合
   $('a[href^="#"]').click(function() {
      var speed = 400;
      var href= $(this).attr("href");
      var target = $(href == "#" || href == "" ? 'html' : href);
      var position = target.offset().top-headerHight; // 固定ヘッダー分ずらす
      $('body,html').animate({scrollTop:position}, speed, 'swing');
      return false;
   });
});