こんにちは、中村です。jQueryを使ってスクロール量によってイベントを発火させたいケースがそれなりに多いので、サンプルと説明を残しておきます。
タグ: jQuery
【jQuery】『stop()』 がとっても優秀なので、色々いじってみた。
jQueryの『animate』を利用して動的な動きを付けたとき、「勝手に繰り返し動いてしまう。。」という経験ありませんか? これは『animate』のイベントが完了する前に次のイベントが発生してしまい、『animate […]
【jQuery】『mouseover』が複数回発生してしまう時の対処方法
jQueryで『mouseover』や『mouseout』を使って動的な動きを付けようとしたときに「あれ、何度も発火してしまう・・」と謎の挙動を繰り返す事態にでくわしました。 なので、その状態の説明と改善方法についてまと […]
【HTML5/jQuery】マウスオンで音がなるボタンを追加する方法
どうも、中村です。 ふと、「もっと面白いブログにしたい」という感覚が湧いてきまして、navigationに音をつけました。そのログです。自分の備忘録がメインなので端折っている点などがあるかもしれません。
【jQuery】指定した要素の直下の子要素を取得する方法
jQueryを使って子要素の取得をする方法をご紹介します。子要素の取得に使えるjQueryの関数には「.find()」や「.children()」がありますが、今回は”.children()”メソ […]
Ajaxで取得したHTMLを挿入する方法
ajaxで別ページのHTMLを取得して、指定したDOMの中に挿入する時に、ajaxで指定したDOM全体を挿入するときにつまづいたので、その備忘録です。
【jQuery】animate実行中かどうかを判別するif文
animateを多重に使用したページを製作した際に、 「このanimationの実行中は、他のScriptが実行されないようにしたい」 と思い調べたものを忘れないようにメモ。 参考にさせて頂いた記事 htt […]
【jQuery】スクロールをキャンセルする方法
jQueryで全てスクロールをキャンセルして、bodyのスクロールバーを削除する $(“body”).css(“overflow”,”hidden”); $(‘body’).on({ ‘mousewheel’: func […]