ページ遷移後のスムーススクロール実行

ページ遷移後、ハッシュに0.5秒後スムーススクロールしたいのですが、うまく動きません。

ページ内アンカーと区別するために、ハッシュの前に_アンダーバーを入れて、その場合にだけ実行するようにしてるのですが、どなたか御教授ください。

js
1// スクロールのオフセット値
2var offsetY = -100;
3// スクロールにかかる時間
4var time = 500;
5
6var hash = window.location.hash || false;
7if (hash && hash.match(/^#_/)) {
8  var target = $(this.hash);
9  if (!target.length) return ;
10  var targetY = target.offset().top+offsetY;
11  $("html,body").delay(500).animate({scrollTop: targetY}, time, "swing");
12  return false;
13}

masaya_ohashi

2017/11/01 03:56

「うまく動きません」では我々は何を直してほしいのかわかりません。具体的に「どう問題なのか」の明示をお願いします。

cotton88

2017/11/01 03:59

該当の箇所にスクロールしない、という言い方で大丈夫でしょうか。よろしくお願いします。

masaya_ohashi

2017/11/01 04:01

「スクロールがそもそも起きない」「スクロールはするが該当箇所とずれている」どちらですか？

kanimaru

2017/11/01 04:05 編集

これですべてですか？[this.hash]に当たる部分の記述が無いので、そのまま記載されている前提で解釈するとthis=windowなので、window.hashと等価になる思います。となると、window.hashには[#_hash値]となるとおもいますが、idは[_hash値]で指定されているのでしょうか？

masaya_ohashi

2017/11/01 04:07

私もいま検証してて発見しました。this.hashという記載が「故意」なのか「ミス」なのかどちらでしょう？

kanimaru

2017/11/01 04:11

よって以下を追加してください。[当該の関連する全てのスクリプトのソース]、[ソースが実行されるhtmlソース]