業務で必要だったので、ちょっとしたjQueryプラグインを書きました。要素がスクロールによって表示されたタイミングで、ある処理を実行できるようにするプラグインです。
jquery.showuptrigger [@github]
使い方
jqueryのあとにshowuptriggerをインクルードします。
1 2 | <script src="lib/jquery-1.11.2.min.js"></script> <script src="showuptrigger-0.0.1.min.js"></script> |
スクロールする要素に対してshowuptriggerプラグインを装着します。通常はwindowで構いませんが、 overflow: hidden; にしているdivやtbodyなどの要素に対しても正常に動作します。
1 2 3 4 | $('.scrollable-container').showuptrigger({ trigger: '#last-element', callback: function() { alert('Welcome to the bottom!'); }, }); |
- trigger … この要素が表示されたらコールバックを実行します
- callback … コールバック関数を指定します
これだけです。オプションもこの２つしかありません。シンプル過ぎて複雑なことは何一つできませんが、ちょっとした用途であれば充分かと思います。
関連する記事
- Railsアプリを『浅く』パフォーマンス・チューニングしてみる（その３）
- Ruby on Railsでカンマ付き金額を扱う
- Rails+JSフレームワークでリアルタイム掲示板を作成してみる（Ember.js編）
- Rails+JSフレームワークでリアルタイム掲示板を作成してみる（Backbone.js編）
- ポップアップブロックを回避してsubmitと同時に新しいウィンドウを開く