

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も記述します。


CC BY-SA 4.0
2020-05-11T13:23:06.807
66516
2020-05-12T10:42:30.657
2020-05-11T20:34:11.483
32986
40011
question
javascript jquery
ページをスクロールするとチェックを外す


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

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

[code]

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


CC BY-SA 4.0
2020-05-12T01:35:23.530
66519
2020-05-12T01:35:23.530
22665
66516
answer