メインページのコンテンツをスクロールせずに(JQM 1.3 Betaで)多くの項目がある場合、サイドパネルのコンテンツをスクロール可能にするにはどうすればよいですか? デスクトップ ブラウザーとモバイル ブラウザーの両方で実行されるアプリケーションにこれを実装しようとしています。
3 に答える
上記の質問に対する答えを見つけるには、以下にアクセスしてください。
JQM 1.3 パネル + iscrollview + 動的にロードされた http://forum.jquery.com/topic/jqm-1-3-panel-iscrollview-dynamically-loaded-pages
jquery-mobile-iscrollview https://github.com/watusi/jquery-mobile-iscrollview
.ui-panel-inner .ui-content myElement {
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
セレクターを特定の要素により具体的にするか、サイド パネル全体をスクロール可能にしたい場合は「ui-panel-inner」をそのままにしておくことができます。
注: 「-webkit-overflow-scrolling: touch」は、ネイティブの慣性スクロールをオーバーフローに追加します。スクロール機能だけが必要な場合は必要ありません。これは Webkit ブラウザーで動作するはずです。モバイルサファリとクローム。ただし、モバイルサファリでのみテストしました。モバイル IE では動作しませんが、テストしていません。
スクロール可能なパネル内に div を作成しましたが、iOS4 以下では 2 本指でスクロールしないと機能しません (iOS の div 内の div 問題)。