jQueryプラグイン jBar.jsを使って、画面の上に、表示、非表示を切り替えられるナビゲーションバーを実装します。初期ではナビゲーションバーは画面の上に隠れていて、右側の下向き矢印のプルをクリックすると、現れます。現れたナビゲーションバーは画面上に固定され、画面スクロールの影響を受けません。ナビゲーションバーの上向き矢印をクリックすると隠れます。

ナビゲーションバーの内容は、次のソースのようにhtml内で設定できます。

<div class="jbar" data-init="jbar" data-jbar='{
		"message" : "ここが位置固定のナビゲーションバーになります",
		"button"  : "ダミーのリンク",
		"url"     : "#",
		"state"   : "closed"
}'></div>
[スクロール用 ダミーテキスト] ポイントカードを発行し、商品の購入者に対し、次回以降の買い物の際に支払いの一部に充当できるポイントを提供する場合は、景品ではなく値引。
[スクロール用 ダミーテキスト] 取引通念上妥当と認められる基準に従い、取引の相手方に対し、支払うべき対価を減額すること又は割り戻すことは、値引と認められる経済上の利益に該当し、景品表示法上の景品類には該当しません。
[スクロール用 ダミーテキスト] なお、対価の減額又は割戻しであっても、懸賞によって減額又は割戻しの相手方を決定する場合、減額又は割戻しをした金銭の使途を限定する場合などは値引とは認められません。
[スクロール用 ダミーテキスト] ポイントカードを発行し、商品の購入者に対し、次回以降の買い物の際に支払いの一部に充当できるポイントを提供する場合は、景品ではなく値引。
[スクロール用 ダミーテキスト] 取引通念上妥当と認められる基準に従い、取引の相手方に対し、支払うべき対価を減額すること又は割り戻すことは、値引と認められる経済上の利益に該当し、景品表示法上の景品類には該当しません。
[スクロール用 ダミーテキスト] なお、対価の減額又は割戻しであっても、懸賞によって減額又は割戻しの相手方を決定する場合、減額又は割戻しをした金銭の使途を限定する場合などは値引とは認められません。
[スクロール用 ダミーテキスト] ポイントカードを発行し、商品の購入者に対し、次回以降の買い物の際に支払いの一部に充当できるポイントを提供する場合は、景品ではなく値引。
[スクロール用 ダミーテキスト] 取引通念上妥当と認められる基準に従い、取引の相手方に対し、支払うべき対価を減額すること又は割り戻すことは、値引と認められる経済上の利益に該当し、景品表示法上の景品類には該当しません。
[スクロール用 ダミーテキスト] なお、対価の減額又は割戻しであっても、懸賞によって減額又は割戻しの相手方を決定する場合、減額又は割戻しをした金銭の使途を限定する場合などは値引とは認められません。
[スクロール用 ダミーテキスト] ポイントカードを発行し、商品の購入者に対し、次回以降の買い物の際に支払いの一部に充当できるポイントを提供する場合は、景品ではなく値引。
[スクロール用 ダミーテキスト] 取引通念上妥当と認められる基準に従い、取引の相手方に対し、支払うべき対価を減額すること又は割り戻すことは、値引と認められる経済上の利益に該当し、景品表示法上の景品類には該当しません。
[スクロール用 ダミーテキスト] なお、対価の減額又は割戻しであっても、懸賞によって減額又は割戻しの相手方を決定する場合、減額又は割戻しをした金銭の使途を限定する場合などは値引とは認められません。
※参照元:http://toddmotto.com/labs/jbar/
戻るボタン