wordpressでトップへ戻るボタンが効きません

Question

こちらのサイトと同じように右下に「トップへ戻る」ボタンを追加したいと思っています。
[https://www.webopixel.net/lab/sample/12/0308scrollshow/pagetop-fade.html]
（スクロールしたら途中でボタンが現れる）

Wordpressのテーマ内に以下のように実装したのですが、スクロールをしてもボタンが現れてくれません。
どこがいけないのか教えていただけると助かります。

実装済みのページはこちらになります。（スクロールしても現れません…）
[http://trip-paris.jp/]

footer.php

<div class="page-top"><a href="#pagetop"></a></div>

js

$(function() {
    var pageTop = $('.page-top');
    pageTop.hide();
    $(window).scroll(function () {
        if ($(this).scrollTop() > 600) {
            pageTop.fadeIn();
        } else {
            pageTop.fadeOut();
        }
    });
    pageTop.click(function () {
        $('body, html').animate({scrollTop:0}, 500, 'swing');
        return false;
    });
});

css

.page-top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #000;
  opacity: 0.6;
  border-radius: 2px;
}
.page-top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
.page-top a::before{
  content: '';
  background-image: url(images/icon_pagetop.svg);
  background-size: 40px 22px;
  font-size: 25px;
  position: absolute;
  width: 40px;
  height: 22px;
  top: 14px;
  left: 5px;
}

Answer 1

これで試してみてください

// $(function() {
// ↓                 ↓
   jQuery( function( $ ) {

Comments

[mariko76]

回答ありがとうございます！
反映してみたのですが、やはりボタンは現れません…。
http://trip-paris.jp/

[kei344]

$( 'body' ).scrollTop()
を試してみてください。

[mariko76]

すみません、知識があまりなく…
どこの部分を「$( 'body' ).scrollTop()」に書き換えればいいでしょうか。

[kei344]

scrollTop()を自分のコードから探す

[mariko76]

jQuery( function( $ ) {
var pageTop = $('.page-top');
pageTop.hide();
$(window).scroll(function () {
if ($( 'body' ).scrollTop() > 600) {
pageTop.fadeIn();
} else {
pageTop.fadeOut();
}
});
pageTop.click(function () {
$('body, html').animate({scrollTop:0}, 500, 'swing');
return false;
});
});

すみません、こちらに変更してみたのですがやはりダメでした。

[kei344]

じゃあ $(window).scroll を $( 'body' ).scroll にへんこう。

[mariko76]

返信遅くなりましてすみません！
そして反映しましたところ、無事ボタンが現れました！！！
本当にありがとうございます。