トップへ戻るボタンがスマホだと機能しません。

Question

以下のようなコードでページトップボタンを作成しました。
フルサイズでは問題なくトップページボタンが表示されていて機能するのですが、
スマホサイズだと機能しなくなります。
どこを改善すれば動くようになりますか？
よろしくお願いします。

<!--　pagetopボタン　-->
<div class="page-top">
  <img src="img/page_top.gif" alt="ページトップボタン">
</div>

.page-top {
  position: fixed;
  right: 18px;
  bottom: 10px;
  z-index: 99;
}

.page-top img {
  width: 65px;
  height: 65px;
  opacity: 0.5;
}

$(function() {
   

  $('.page-top').click(function () { // TOP-Pageボタンクリックされた時
      $('.body,html').animate({scrollTop: 0}, 500); // TOPへスクロール
      return false;
  });
});

Comments

[miyabi_pudding]

> フルサイズでは問題なくトップページボタンが表示されていて機能するのですが、

つまり、スマホだとボタンが表示されてないのでしょうか？
それとも、表示はされてるが、
押してもページトップにいかないってことですか？

[takawork]

表示されてるけど、ボタンを押してもトップに戻らないといった状況です。

[m.ts10806]

「スマホ」といってもブラウザは１つではないし、OS間の違いもあります。
環境情報含めて全て提示してください。

Answer 1

bodyセレクターの前に.が入ってしまっています。

// ×
$('.body,html')

// ◯
$('body,html')