jsによる自動スクロールが反映されない

Question

jsファイル内で、ファーストビューから少し遅れて指定箇所まで自動スクロールするアニメーションを実装しています。
atomのhtmlプレビューでは問題なくアニメーションが動作しますが、ブラウザで確認するとdurationの部分だけ反映されません。

解決方法がわからずご教示いただけるとうれしいです。

↓3秒後に9秒かけて .ttl までスクロールさせたいです。
ブラウザで確認した時のみ、3秒後に一瞬でスクロールしてしまいます。

$(function(){
	$(window).on('load', function(){
	    var delayTime = 3000;
			var speed = 9000;
	    var position = $('.ttl').offset().top - 100;
	    $("html, body").delay(delayTime).animate({ scrollTop: position },speed);
	});
});

Answer 1

普通に動いているようにみえますが・・・

<style>
.dummy{
  background-Color:gray;
  height:80%;
}
.dummy:nth-child(odd){
  background-Color:yellow;
}
.ttl{
  background-Color:aqua;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(window).on('load', function(){
    var delayTime = 3000;
    var speed = 9000;
    var position = $('.ttl').offset().top - 100;
    $("html, body").delay(delayTime).animate({ scrollTop: position },speed);
});
</script>
<div class="dummy"></div>
<div class="dummy"></div>
<div class="dummy"></div>
<div class="dummy"></div>
<div class="dummy"></div>
<div class="dummy"></div>
<div class="ttl">ttl</div>
<div class="dummy"></div>

Comments

[dakodako]

ありがとうございます。いただいたテストコードを見たところ思い通りに反映されていました。しかし、製作中のサイトにコピペしてもやはり　speed　部分が機能していないです。サイトそのものをお見せできず恐縮なのですが、下記条件でこのアニメーションが適用されない可能性などあるのでしょうか？
ご存じでしたらお伺いしたいです。

・Atomのプレビューでは正常に動作
・ブラウザでの確認（ローカルから開く、アップして開くの両方とも）ではスクロールはできるもののゆっくり時間をかけてスクロールされない
・検証のConsoleで見ても問題なし
・Chrmoe、Safari両方でバグ