iPad用の2ペインのWebアプリを実行する最善の方法

Question

私はiPad Webアプリケーションを作っています。クライアントはiPad設定アプリのように2つのペイン（別々にスクロールする）を持っています。以前のバージョンのiOSとの互換性を維持しながら、これを実行する最善の方法は何ですか？

ありがとうございます！

編集：それは多少ネイティブなので、2本の指がスクロールしないように言わなければならないことを忘れました。

Answer 1

あなたはちょうど2つのコンテナ要素（例えばDIV）を使用し、次のスタイルに

#first, 
#second { 
    float: left; 
    height: 500px; // or whatever fits your needs 
    width: 50%; 
    overflow-y: scroll 
} 

を使用することができますiOSの溢れコンテンツのニーズよりも注意してください。 Webアプリケーションで使用するときに2本の指でスクロールする必要があります。ネイティブアプリケーションのように1本の指でこれを行うことはできません。Safari Web Content Guide

Answer 2

これは、画面の50％を占める2つの要素を持ち、それぞれのオーバーフローをスクロールするように個別に制御することで、非常に簡単に実行できます。

、以下で十分だろうとして、最も簡単なCSSで

：あなたが個別に左右を制御することができるように、私は（つまり、あなたは40％であることを左右たいかもしれませんこれらの別々に保持している

#left{ 
    width:50%; 
    height:300px; 
    float:left; 
    overflow-y:scroll 
} 

#right{ 
    width:50%; 
    height:300px; 
    float:left; 
    overflow-y:scroll  
} 

60％。あるいは、左固定と右スクロールが必要な場合もあります）。ここで

は、この作業を示していjsfiddleです：http://jsfiddle.net/tFJeS/1/