This domain may be for sale!
![finefinefine.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9598d87c205f9fac14543b0e29d86fff343d644/height=288;version=1;width=512/https%3A%2F%2Fi2.wp.com%2FWWW.finefinefine.jp%2Fwp3%2Fwp-content%2Fuploads%2F2012%2F01%2Fkiji1941.gif%3Ffit%3D250%252C200)
ライター内藤です。花粉、そして1pxと闘っているWebコーダーでもあります。 最近、立て続けに「上部固定グローバルナビゲーション」を使ったWebサイト構築に2件ほど携わりました。1件はWordPress、もう1件は手打ちの静的サイトです。改めて思ったのは「固定ナビゲーションには落とし穴がある」ということでした。 そこで、固定ナビゲーション設置に際して、私が個人的に体験した「落とし穴」と、その解決のためにやってみたことを4つほどご紹介したいと思います。 必ずしもこれが正解というわけではありませんが、同じようなことがあったときのお役に立てば幸いです。 …と、その前に。そもそも固定ナビゲーションとは何モノか、下図をご覧ください。 例としてFacebookを挙げてみました。上部に固定された青いバーの部分は、スクロールしても常に上部に固定されて消えません。 このようなナビゲーションは、一般的に下記の
ソース javascript $(function(){ $.simpleTicker($("#ticker-fade"),{'effectType':'fade'}); $.simpleTicker($("#ticker-roll"),{'effectType':'roll'}); $.simpleTicker($("#ticker-slide"),{'effectType':'slide'}); }); HTML <h4 class="index">パターン fade</h4> <div id="ticker-fade" class="ticker"> <ul> <li>パターン1 テスト1</li> <li>パターン1 テスト2</li> <li>パターン1 テスト3</li> <li>パターン1 テスト4</li> <li>パターン1 テスト5</li> </ul> </div>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く