質問: HTML&CSS,JavaScriptについて質問です。 HTML&CSS,JavaScriptでスマホ用のメニューを作成してページをスクロールした時にinputのチェックを外したいです。 JavaScriptでスクロールしたのを検知してチェックを外そうとしたのですができません。 どこが悪いのか教えてください。 HTML ``` ``` JavaScript ``` if (1 < $(this).scrollTop()) { if (!$('#check').prop('checked')) { $('#check').prop('checked', false); } } ``` 以上がコードです。必要であればCSSも記述します。
回答: いただいたJavascriptはスクロール量を取得してスクロールを1より大きくしていれば、 チェックを外すという処理になっていますが、 重要な「スクロールしたことを検知する」というのができていません。 検知するためにはonscrollを利用してみてください。 ``` // 例えばwindowのスクロールを検知したいときは window.onscroll = function(e){ //ここにスクロールイベントが発火したときの処理を記述する }; ```