8

私はデータモバイルアプリケーション上に複雑なフォームを作成し、現在、タイトルとフッターバーの位置を維持するためのソリューションを探しています。デスクトップのChromeとSafariで開発およびテストされたダミーでは、ヘッダーとフッターの絶対値、およびWindowsのサイズ変更イベントでJavaScriptによって高さが設定されるコンテンツセクションを配置しました。

これはモバイルの世界では適切な方法ではありません。overflow：autoはモバイルWebKitではサポートされていないためです。

私は自分でいくつかのことを試し、iScrollも調べました。実際、iScrollは私のiPadでサファリをクラッシュさせましたが、そのコンポーネントのないアプリケーションは非常にスムーズに実行されます。私は比較的複雑なフォームをたくさん持っていますが、それはiScrollの挑戦かもしれませんが、勝てないと思います。

そのため、ユーザーが2本の指を使ってスクロールすることなく（実際、ほとんど誰もその「トリック」を知らない）、目標を達成するための他の方法（ヘッダーとフッターを永続化する）を探しています。

助言がありますか？

ありがとう！

4

3 に答える 3

14

したがって、一般的に言及されている3つの解決策があります。

  1. iScroll
  2. YUI ScrollView
  3. スクロール可能性

それらはすべて、単純なリストをスクロールするのに非常に便利です。ただし、動的フォームを使用した複雑なダイアログなど、リストだけではないページ全体を処理することが目的である場合、実際には誰も機能しません。

私はちょうどあきらめて1年待つことにしました-Appleは最近、position：fixedとoverflow：scrollのサポートを発表しました。これは、この部分に革命をもたらし、今日私たちが抱えるあらゆる種類の問題を解決します。

今日、私はここミュンヘンにある私たちの建物にある会社のWebサイトを思い出し、iPadで開きました。実際、そのフロントページにはスクロール可能なニュースセクションがありました。中を見ると、... tadaaa... jScrollPaneを使用していることがわかりました。

jScrollPaneはモバイルデバイスで使用するために開発されたとは思いませんが、その目的のためにも最適化されています。iPad、Android 2.3、そして最新のOperaMobileで動作します。

モバイルデバイスでネイティブアプリをスクロールするような感覚はありませんが、完全にカスタマイズ可能なスクロールバーを表示したり、上から下にジャンプしたり、最も重要なこととして、1本の指でスクロールしたりできます。

非常に素晴らしい。

于 2011-07-04T17:58:57.067 に答える
11

モバイル Webkit は、CSS のみを使用したスクロールをサポートするようになりました。クラス「スクロール可能」を作成し、次のルールを追加します。

    .scrollable {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

スクロールが必要なブロック要素に「スクロール可能な」クラスを追加します。Webkit のみ。

于 2012-08-09T22:17:52.067 に答える
1

https://github.com/filamentgroup/Overthrow/

軽量なポリフィル ベースのソリューションで、overflow:scroll をサポートする最新のブラウザーで機能します。

まだ開発の初期段階ですが、影響を受ける最大のユーザー ベース (android 2.2/2.3/iOS<5) ではかなりうまく機能します。

于 2012-12-18T19:26:44.393 に答える