上下どっちにスクロールをするのかを実装した際にいろいろと失敗したのでメモ書き 上スクロールか下スクロールか判別するソースコード var pos = 0; var currentPos = 0; $(window).on(…

ページ内リンク(#○○)を使ってページ内遷移やモーダルの呼び出しを行った時の競合を避ける方法 cssやjQueryの”not()”を使う方法 競合をしている場合は一度イベント処理を中止して新しく書…

jQueryのfind()を使わないでjavascriptだけで子孫要素を探そうとしたときの備忘録 jQueryを使わないで子孫要素を探す方法 querySelector()を使って探す <div class=&q…

【js】既にある要素を移動させる方法 既存の要素を別のところに移動させたかったときの備忘録 jQueryとjavascriptの2パターン紹介 既にある要素を移動する方法（jQuery） 「要素の中」に移動させる時はap…

別タブ（別ウィンドウ）やポップアップウィンドウを開いてブラウザからフォーカスが離れた時や、再度ブラウザを開いたことを検知する機能を作ろうとした時の備忘録 検知する方法 ブラウザから離れた事を検知…blur ブラウザに戻っ…

「Uncaught TypeError: e.indexOf is not a function」というエラーが出て上手く行かなかったときの備忘録 原因：jQuery 3.xでload()が廃止 jQueryの3.x使っ…

なんで「$(‘html, body’).scrollTop();」って二つ指定する必要があるのか気になったので調べてみた scrollTop()が使えるのがブラウザによって違う？ 調べてるとブラウ…

Ajaxと通常の処理の順番を変えたかったときの備忘録 ざっくりとした使い方の備忘録 $.whenの使い方 Ajaxの処理に時間がかかる場合 jQuery(function ($) { $.when( // 最初に実行した…

クリックしたら一つずつ要素に遅延しながらclassが付与されるようにしたかったんだけど一筋縄で実装出来なかったときの備忘録 delay()を使って遅延させながらClassを付与 delay()を使えば遅延処理を行うことが…

スクロールして要素が画面内に入ったら処理って記述を意外と使うので備忘録 スクロールして要素が画面内に入ってるときは検知し続けるソースコード jQuery(function($){ const windowHeight =…