楽天スマホページに良くある固定のフッターバナーを入れる方法
EC部に楽天のスマホに固定のバナーを入れてくれと頼まれました。 「固定のバナーなんか簡単じゃん！」と思って、安易に「いいよ」と答えたことに後悔しました。 ハマった、ハマった、ハマった岩渕です。 楽天のサイトで、下記のようにフッター部分についてくるバナーを見たことありませんか？ （6時間タイムセールと書いてあるバナーの部分です。） （参照：http://item.rakuten.co.jp/rotts/r201023/） ※タイムセールなので、固定バナーがない時があります。 ※スマホからご覧下さい。 通常サイトのコーディングをしている人ならとても簡単ですよね。 しかし、楽天のスマホは禁止タグばかりで大変です。不便で仕方ない。 禁止タグをすり抜けて固定バナーを入れる方法 禁止タグをすり抜ける方法は、タグ内に13個の全角のスペースをいれるか、若しくは、「=””」をタグの後にいれるとスマホでも禁止
指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」:phpspot開発日誌
指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」 2010年05月27日- Plugins | jQuery Plugins 指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」。 $(element).footer() みたいにするだけで、element に指定した要素をページのフッターに吸い付くように配置することが出来る便利なプラグインです。 ブラウザの高さを変更してもJavaScript側で調整してくれます。 通常の例。div#footerブロックは最初の要素の直下に来てます。 フッター設定した例。ブラウザの下部に常に配置されます。 色々方法はあると思いますが、実装が簡単なので便利かもしれませんね。 関連エントリ HTMLで雑誌のような美しい段組みレイアウト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
