固定位置ツールバーiOSウェブアプリケーション

私はHTML5 Webアプリケーションを開発しており、cssの位置の代わりにjavascriptの置き換えが必要です：fixed 'iOSデバイスの場合は<です。固定位置ツールバーiOSウェブアプリケーション

私はここで自分のGmailモバイルウェブアプリのために彼らのアプローチを説明するGoogleからの記事につまずいた：多くの同様のJavaScriptライブラリのようhttp://code.google.com/mobile/articles/webapp_fixed_ui.html

、これはおそらく、タッチイベントやWebKitのを利用した容器の寄付内のdivを移動するために変換ネイティブのスクロールの幻想と固定（実際には絶対）ツールバーのための余地を残す。

私は...ない成功に

現在を少しではJavaScriptクラスこれを実装しようとしてきた、私はこのエラーで立ち往生しています：

"TypeError: 'undefined' is not an object (evaluating 'this.element.style.webkitTransform = 'translate3d(0, ' + offsetY + 'px, 0)'')"

I経由にconsole.logで確認するために、この時点で、「this.element」は実際には要素であり、それはそうです。私はscroller divを正しく通しています。

私はiOS SimulatorとMac OS X Safariでテストしており、GMailのモバイルサイトも両方ともチェックして、正常に動作することを確認しています（これは保証できませんが実際、彼らが使っているのと同じ方法です）。

明らかなものがありませんか？微妙なもの？すべての手がかりをいただければ幸いです。

：？で、より

body { -webkit-overflow-scrolling: auto; }

読む：:-(

ことはあなたのCSSでこのを試してみてください。 – Lynn

jQuery Mobileは、美しいクロスブラウザーウィジェットを提供するだけでなく、fixed positioned toolbarsのメカニズムも提供します。

2011-08-10 04:28:00 gf3

jQuery Mobileは、真の固定ヘッダー/フッターをサポートしていません。彼らはあなたがスクロールし終わったときに消えて再び現れます。

2012-05-15 22:06:51 Swordfish0321

JQmobiは素晴らしい仕事をしていません：

2012-06-08 08:46:54 hallodom

JUery Mobileは、この問題を "解決" するために長い道のりを行きます。

しかし、ユーザー/訪問者にCSS + JSの414kbを読み込ませてください。

低速3G /エッジ接続のユーザーの多くは、ページ/アプリケーションが10秒以上かかることがあります。あなたは今理由を見つけてください、私はあなたのような何かを間違って満たすhttp://johanbrook.com/browsers/native-momentum-scrolling-ios-5/

2014-01-24 15:14:28 nelsonic

答えて