0

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

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

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

HTML

<input type="checkbox" id="check" />

JavaScript

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

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

1 件の回答 1

0

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

検知するためにはonscrollを利用してみてください。

// 例えばwindowのスクロールを検知したいときは
window.onscroll = function(e){
  //ここにスクロールイベントが発火したときの処理を記述する
};
1
  • 申し訳ありません 教えていただいたとおりに書いたのですが、実行できませんでした。 別のエディタで書くとスクロール時にチェックを外すことができました。 つまりjsに問題はなくHTMLに問題があるのだと思います。 HTMLコードの問題点は自分で見つけます。
    – 北岡涼
    Commented 2020年5月12日 10:42

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。