/jcartのカート(買い物カゴ)をスクロールしてもついてくるようにする2011.11.16jcartのカート(買い物カゴ)をスクロールしてもついてくるようにする前回の記事で、PHP+jQueryでつくられたDB不要のシンプルなプログラム『jcart』の商品削除にアラートを追加する方法を掲載したが、多くのショッピングカートにあってjcartに無い機能として、カート(買い物カゴ)がスクロールすると隠れてしまうことへの対応がある。jcartはjqueryを使ったプログラムだから、この機能を追加するのは簡単。Followを使うことにする。Follow』http://kitchen.net-perspective.com/open-source/scroll-follow/上記サイトに全てのデータが揃っているから簡単に導入できる。});</script>を追加。offset:30はオプションだから、デフォルトのままで構わないという人は$('#kago').scrollFollow();で良い。speedはスクロール速度(ミリ秒)offsetはスクロール後のブラウザの上部からのピクセル数#kagoはスクロールさせたいアイテムのIDデフォルトのjcartではsidebarがこれに該当する。</div></div>以上で、jcartのショッピングカート(買い物カゴ)がスクロールについてくるようになる。関連記事クリッカプルマップ対応Jqueryのみでツールチッププラグイン不要のjquery簡単スクロールトップ軽量簡単でシンプルなjqueryモーダルウィンドウならこれがおススメbxsliderで画像のズレに悩んだらこの方法デジタルゲートがお手伝いホームページをリニューアルしたい、スマホ対応にしたい、デザインそのままで機能だけ追加したい、更新だけ代行して欲しい。サイトを運営したいけど誰に相談したらいいか分からない。そんな時はお気軽にお問い合わせください。フリーランスで活動している人のためのマッチングサイトです。無料で自由に登録、ポートフォリオや自己PR・お仕事PRに活用してください。なりたい人と、写真家、モデル募集、被写体を探しているカメラマンのためのマッチングサイトです。無料で自由に登録、写真をアップして自己PRできます。ホームページ制作やリニューアル、ちょっと変わったサイトの企画・制作・運営をしています。