yachin29 https://blog.hatena.ne.jp/yachin29/ WEBサイト制作の勉強 https://yachin29.hatenablog.com/ jQuery スクロールイベント 今まで授業では、要素が読み込まれたら動くという「$function」とクリックしたら動くという「on.click」イベントの2つを主にやってきましたが、今回はそれに加えてウィンドウをスクロールしたら動く、「スクロールイベント」をやってみましょう。スクロールイベントの場合、対象となる要素は必ず「$window」です。 $(function() { $(window).scroll(function() { //画面がスクロールされたら、この中の命令が実行される $('.box').addClass('scroll'); }); }); ただし、このままだと1pxスクロールした… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyachin29.hatenablog.com%2Fentry%2F2019%2F08%2F23%2F005807" title="スクロールイベントの使い方 - WEBサイト制作の勉強" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2019-08-23 00:58:07 rich https://yachin29.hatenablog.com/entry/2019/08/23/005807 1.0 100%