MobileSafariのposition:fixedが厄介すぎる件 – capeknote
固定ツールバーの実現最近ipad/iphoneサイト制作について調べてるんだけど、positon:fixedが使えない関係で、上下固定メニューが厄介すぎるのでメモ。 結論から言えば、 iscroll.js をつかう Sencha Touch (Ext.js 有料) をつかう のが現実的っぽい。 ちなみにJQueryMobileはfixed対応をガチでやらずに↓のサンプルのように http://jquerymobile.com/demos/1.0a2/#docs/toolbars/bars-fixed.html absoluteで、スクロールされるときに一度消して再配置しています。 たぶん汎用性を優先したんだと思う。 そもそも何が問題かというと fixedにしても画面といっしょにスクロールされちゃう setIntervalで回して常にabsolute配置を変更して対応しようと
iPhone / iPadなどでposition: fixedが利用できる「iScroll」
配布元：iScroll ライセンス:MIT-License iPhone / iPad、Androidなどに搭載されているmobile WebKitではCSSのposition: fixedが利用できませんが、iScrollを利用することでこれらのプロパティを利用したようにヘッダーやフッターの固定が可能になります。 利用方法 まずは、head要素内などで配布サイトよりダウンロードしたライブラリ本体を読み込みます。 <script src="iscroll.js"></script> HTMLでは次のようにコンテンツ部分をwrapperとscrollerというidをつけたdiv要素で包んでおきます。 <body> <header id="header">ヘッダー部分</header> <div id="wrapper"> <div id="scroller"> コンテンツ部分 </div>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
