CSSJavaScriptWordPressPHPgulp【jQuery】要素が見えたタイミングでイベントを発生させるjQueryプラグインJavaScriptfukasawa2013.07.25はじめまして、今月よりバシャログのメンバーになったfukasawaと申します。勉強中で至らぬ点も多々あるとは存じますが、生温く見守っていただけると幸いです。Lab.を読んでいたのですが、記事の中でinviewというjQueryプラグインが使われていました。記事では「グラフを描画する領域がブラウザの表示領域内に入ったタイミングで、アニメーションを実行しグラフを描画する」という動作を行うためにこのプラグインが使われているのですが、inviewを使うことで、このように「ブラウザ上で見えたときに処理を実行する」という動作を実現できるようです。jquery.inview気になったので使い方を調べてみました。});これで、ブラウザで要素が見えたときにアニメーションを実行するという動作を実現できます。ちなみに設定したイベントは.off()で外すことができます。visiblePartYの3つを受け取ることができます。falseがそれぞれ渡されます。「要素が見えたとき」「要素が見えなくなったとき」の両方にイベントを設定したい場合は以下のようになります。'both'が渡されます。'both'が渡されます。要素の一部分だけではなく、要素の全体が見えるようになったタイミングでイベントを発生させたい場合、以下のようになります。});サンプルまとめ「jquery.inview」でぐぐってみるとパララックスサイトの情報がヒットしますね。パララックスサイトでなくとも、スクロールに合わせてツールチップを動的に表示したい場合などに便利かもしれません。Compressionで画像をアップロード前に圧縮する[Javascri...JavaScriptfujihara2021.03.08バシャログ。Web制作スタッフによるブログです。「現場で使えるテクニック」をモットーに、Web制作全般についてお届けします。