スマホでのページ読み込み時のスクロールがきかない

Question

ページ読み込み時に指定アンカーに自動的にスクロールさせたいのですが、PCはなるのですがスマホでみたときにうごきません。
どなたかわかる方おしえてください。

<script type="text/javascript">
var windowWidth = $(window).width();
var windowSm = 640;
if (windowWidth <= windowSm) {
	$(function(){
	var targetOffset = $('#top-bnr').offset().top;
	$('html,body').delay(1000).animate({scrollTop: targetOffset}, 1500, 'swing');
});
}
	
</script>

Answer 1

readyの中に入れてみてはどうでしょう？
※未検証です

$(document).ready(function(){
 var windowWidth = $(window).width();
 var windowSm = 640;
 if (windowWidth <= windowSm) {
    var targetOffset = $('#top-bnr').offset().top;
    $('html,body').delay(1000).animate({scrollTop: targetOffset}, 1500, 'swing');
 }
});

Comments

[pachiro]

いれてみたのですが動かないみたいです。

[m.ts10806]

んー、
$(window).on('load',function(){
の方でもダメですかねー。
これでもダメなら仕様のような気がします。
animate直前までは動いてますか？例えばwindowWidthに正しく値が入っていると確認ができるか、とかです。

[m.ts10806]

ちょっと間接的な対応ですが、以下も試してみてください。
・今回のanimateをclick時に実行するボタンを置いておき、今回入れたreadyやloadのタイミングでそのボタンをクリックする

[pachiro]

いろいろとありがとうございます。
animate自体がうごいていないみたいです。
clickも無理でした。
これは仕様なんでしょうか。これに変わるようなものもなにかおもいつきますでしょうか？

[m.ts10806]

んー仕様に近いように思います。
ちなみに自分でボタンをタップした場合は正常に動きますよね？

> これに変わるようなものもなにかおもいつきますでしょうか？
利用したい状況と用途によります。
自作せずプラグインを入れるというのもひとつの手です。
（そういうプラグインの中のソースも自作する上のヒントになるかも）

[pachiro]

クリックも無理でした><
ちょっと他の動かし方も考えてみます。ありがとうございます!!