jQueryで作る最後まで読んだらOKにするサンプル

2010年3月17日 — takeo

規約とか必ず最後まで見てほしいコンテンツがある場合、最後まで表示したかチェックしたい。
そんなときに使えるサンプルを作ってみた。

div#scrollEnd が表示されたら「最後まで読み終わりました。」とアラートがでる。
ただそれだけ。ここで、最後まで表示したかチェックフラグをONにすればいい。

たぶん、普通に使えると思う。

jQueryとjquery lazyaction pluginを使った。

これがサンプル

            function showEnd(target, options){
                alert("最後まで読み終わりました。");
            }

            $(function(){
                //#scrollEndが表示されたらshowEnd()を実行
                $("#scrollEnd").lazyaction({
                    action: showEnd
                });
            });

使ったプラグイン

jquery lazyaction plugin
プラグインに登録された領域が表示されるまで登録された関 数の実行を遅延させるプラグイン。表示されたタイミングで実行するコールバック関数を実行できる。
今回は商品の表示に使用し、画像の読み込みを遅延させた。自家製プラグイン。

これがサンプル

(c) 2012 cubdesign | powered by WordPress with Barecity