このJSをWordPressのページにロードする正しい方法

Question

JavaScriptの場合は初心者ですので、私と一緒に裸にしてください。

ページをスクロールした後にdivが消えるようにしようとしています。私はそれを単一のワードプレスのページに読み込むときに動作するように私は得ることができませんが、このfiddleを使用して私は。

私は、テキストエディタで次のように追加してみました：

<div class="bottomMenu"></div> 
 

 
<script type="text/javascript"> 
 
$(document).scroll(function() { 
 
    var y = $(this).scrollTop(); 
 
    if (y > 800) { 
 
     $('.bottomMenu').fadeIn(); 
 
    } else { 
 
     $('.bottomMenu').fadeOut(); 
 
    } 
 

 
}); 
 
</script>

のdivショー（私はここにCSSを含むhavnt）、しかし私は、JSの作業を取得することはできません。申し訳ありませんがこれまでに尋ねられているが、私はWPでそれを行うための最善の方法で正確な答えを見つけることができませんでした。

おかげ

Answer 1

はjQueryライブラリを追加します。

<div class="bottomMenu"></div> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).scroll(function() { 
    var y = $(this).scrollTop(); 
    if (y > 800) { 
     $('.bottomMenu').fadeIn(); 
    } else { 
     $('.bottomMenu').fadeOut(); 
    } 

}); 
</script>