ページをスクロールするとチェックを外す


HTML&CSS,JavaScriptについて質問です。

HTML&CSS,JavaScriptでスマホ用のメニューを作成してページをスクロールした時にinputのチェックを外したいです。  
JavaScriptでスクロールしたのを検知してチェックを外そうとしたのですができません。

どこが悪いのか教えてください。

HTML

[code]

    <input type="checkbox" id="check" />
    
[/code]

JavaScript

[code]

    if (1 < $(this).scrollTop()) {
      if (!$('#check').prop('checked')) {
        $('#check').prop('checked', false);
      }
    }
    
[/code]

以上がコードです。必要であればCSSも記述します。




いただいたJavascriptはスクロール量を取得してスクロールを１より大きくしていれば、  
チェックを外すという処理になっていますが、  
重要な「スクロールしたことを検知する」というのができていません。

検知するためには[onscroll](https://developer.mozilla.org/ja/docs/Web/API/GlobalEventHandlers/onscroll)を利用してみてください。

[code]

    // 例えばwindowのスクロールを検知したいときは
    window.onscroll = function(e){
      //ここにスクロールイベントが発火したときの処理を記述する
    };
    
[/code]

