2012-01-13 11 views
1

私は固定div(例えば、200pxの高さ)とそのスクロールの内容を持つiOS Webアプリケーションを作成しています。私はデフォルトのiOSスクロールが気に入らない。ウェブページをスワイプするだけで見つけられるネイティブスクロールのようなものではない(iOSのネイティブスクロールは勢いがあり、デフォルトのものはoverflowは勢いがない)。iOS divのモメンタムスクロール(高さが固定されていない)(ajax経由でロードされたコンテンツ)?

  1. セット幅
  2. ダイナミックな高さコンテンツがに、外部のWebサイトからロードされる

(AJAXを介してコンテンツ):私はスクロールしようとしています

divは、次のような資質を持っていますa div jQuery AJAXを使用し、AJAXリクエストをリロードするオプションがあります。つまり、読み込まれたページのコンテンツの量によっては、divの高さが変更されます。

私は勢いがdivがで設定されていない、と私は次のことを試してみたのiOSにスクロールできるように任意の解決策を見つけるように見えることはできません。

  1. - webkit-overflow-scrolling: touch
  2. iScroll

そして、これらの問題点:

  1. これはちょうどcssタグなので、これは私の最初の選択でした、通常正常に動作します。それは新しいですが、私のWebアプリケーションのためのディール・ブレーカーを含む多くのバグがあります。 input要素のfocusには、タグがuser-scalable:noに設定されていてもズームインされ、テキストボックスにテキストを入力するとズームアウトされず、すべてがオフになります(3px)。
  2. この解決方法は遅く、高さを固定する必要があります。以外の任意のソリューションがあります:DR;使用するには、リフレッシュ機能は、それがAJAX要求がリロードされるときに、ページがリロードされるときの要素が隠されている場合は、呼び出される必要があるとして、あまりにも煩雑であるなど

TLです-webkit-overflow-scrollingiScrollは、iOSで動的な高さ(AJAX経由で読み込まれたコンテンツ)を持つdivで運動量のスクロールを使用できるようになりますか?

答えて

1

現在、動的高さの問題を克服するために、DOMを更新した後の高さを設定しています。私は、次のコードを使用してこれを行うメインDIVが「コンテンツ」であるこの例で

document.getElementById('content').style.height = window.innerHeight - getPosition('loading')[1] + "px"; 

を、私はそれがサイズのヘッダ変化するための基準点として使用することがローディング呼ばDIV右上方スパンを有しますあなたがウェブアプリケーションのどの部分にいるかによって異なります。以下はgetPosition関数です:

さらに、私はズームがiOS 5.0.1から修正されていると考えています。

関連する問題