スクロール追尾型メニューリストを作ってみる
昨日のエントリーで書いたjQueryでのスクロール制御を応用して、 追尾型メニューリストを作ってみました。 Webページ画面の左だったり右だったりに配置してあるメニューリストを スクロールをしても位置を固定して画面上から消えないようにするもの。 縦に長くなってしまうサイトなどでは、 これがあるとユーザーにも親切な感じがします。（うっとおしく思う人もいるみたいですが。。。） 今回作るサンプルはサイトヘッダーが高さ「50px」の場合を基準にしています。 ※もちろんここの値はどんな形にでも変更可です。 まずは動作サンプルから。 動作サンプルを別枠で表示する iframe内をスクロールすると画面左のメニューリストが ヘッダーを過ぎた時（ページ上部から50pxを過ぎた時）に固定となり ページ内に留まります。（IE6では少々ガタつきますが、もうIE6は放っておきます…） そして、スクロール位置がヘッダ
jQueryで iPhone & iPod Touch & iPad を判別して振り分ける方法｜BLACKFLAG
昨日のエントリー『iPhoneサイト構築で役立ちそうなもろもろ & jQueryでiPhone判別方法』で jQueryを使ってのiPhone判別方法は紹介しましたが、 その後、「jquery.browser.js」プラグインをちょこっといじることで iPhone & iPod Touch & iPad を それぞれ判別して振り分けができるようになったのでご紹介してみます。 単純にiPhone、iPod Touch、iPadそれぞれの端末でuserAgentを調べてみると、 —————————- ・iPhone → iphone ・iPod Touch → ipod ・iPad → ipad —————————- といったようにそれぞれ別々のOS名となっていました。 これらのOS情報を「jquery.browser.js」に書き加える事で ３つの端末それぞれの振り分けが可能になります。 「
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
