jqueryでスクロールエフェクトを実装したいけどできない

Question

前提・実現したいこと

jqueryでスクロールしたら横からコンテンツか出てくる機能を実装したいです。

wordpressの「Custom CSS & JS」というプラグインで以下のコードを追加してみたのですが、できません。
$('div').hide();みたいな普通のコードはきちんと動いたので、コード自体に問題があるようです。

デベロッパーツールにエラーも出ていません。

<script type='text/javascript' src='https://charm-plus.tokyo/wp/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>

と出ていたので、バージョンは1.12.4だと思います。

分かる人いましたらアドバイスいただけると幸いです。

該当のソースコード

<div class="heading scroll_box">
  <h2 class="special-heading">Salon concept</h2>
  <div class="main-heading">
    <h1>SALON CONCEPT</h1>
    <p>当サロンのコンセプト</p>
  </div>
</div>

.scroll_box {
  transform: translate(-100%, 0);
  opacity: 0;
}
.scroll_box.move {
	transform: none;
	transition: .5s;
	opacity: 1;
}

$(window).on('scroll load', function() {
  var scTop = $(this).scrollTop();
  if(scTop > 700) {
    $('.scroll_box').addClass('move');
  }
});

試したこと

if分の中を変えたり、teratailで調べたりもしたのですが、解決しません。

Comments

[m.ts10806]

ブラウザ開発ツールのコンソールにエラーが出ていないか確認して、質問本文に追記してください。
また利用しているjQueryのバージョン、どれか（minかslimかなど）も追記してください

[退会済みユーザー]

ご回答ありがとうございます！

エラーは出てないようです。

デベロッパーツールのconsoleを開くと
JQMIGRATE: Migrate is installed, version 1.4.1
と書かれていました。
今のコードが1.4.1上問題があるということでしょうか。

[m.ts10806]

質問本文に追記してください。
利用しているjQueryのバージョン、どれか（minかslimかなど）も追記してください
↑特にslimかどうかは影響する可能性もあります

[x_x]

jQuery Migrate ではなく、jQuery のバージョンを確認してください。
コンソールから以下のように入力し、1.7 以降であればスクリプト自体は動くはずです。
jQuery.fn.jquery

[x_x]

.scroll_box のスタイルはそれだけでしょうか？
position:fixed; top:0; などがありませんか？

[退会済みユーザー]

ありません。

Answer 1

自己解決しました。

CSSの

html,body {
 overflow-x: hidden;
}

というコードが原因のようです。
要素にoverflowにhiddenを指定すると、その要素のscrollTopは常に０を返すようです。

説明不足で申し訳ありませんでした。
そして、みなさんご回答ありがとうございました！！