0

data-position="fixed"ページの左側に、私が持っているヘッダーバーのように固定されたままの垂直分割ビューバーが欲しいのですが。

この例のように（編集：このリンクは壊れています）、左側のリストも修正され、ヘッダーと一緒にタグ付けされています。

固定位置を「継承」するために、ヘッダーに挿入しようと考えました。それがうまくいくかどうかわからない。

これが私のスタイルシートの内容です。

.content-right {
    float: right;
    width: 75%;
}
.content-left {
    width: 23%; /* Not 25%: I am not using padding */
}

.content-rightdivはHTMLの最初に来ます。

また、固定ヘッダーが（クリックによって）非表示になった場合にこのバーを上にスライドさせたいのですが、これはそれほど重要ではありません（今のところクリック非表示を強制的にオフにすることができます）。

4

2 に答える 2

2

箱から出して何もありません。

作業中の私のマルチビュープラグインを使用できます。現在、ナビゲーションとパネルの履歴を終了しています。さらに、タブレット/スマートフォンビューのすべてを修正します。今のところまだバグが残っていてもかまわない場合は、すぐに使用できます（Githubに問題を投稿してください）。

これが私が現在テストしている1つのサンプルページです： sample-overthrow

このビューは画面をロックし、転覆を使用して各パネルを個別にスクロールします。ラッパーページにdata-scrollmode="overthrow"を追加する以外に構成するものはありません。HTMLをチェックして、その設定方法を確認してください。また、これはOverthrowを統合する最初の試みであり、まだあまりスムーズではないことに注意してください。

ページ全体が通常のJQMページのようにスクロールします。これがデフォルトの動作です。

1/2/3パネルを並べて使用できます（「menu」、「mid」、「main」のラベルを付ける必要があります。以前のバージョンで使用されていたコードから「fullwidth」を削除します）。側面に「ナビゲーションバー/サイドバー」が必要な場合は、幅が50ピクセルのメニューを使用して、そこにツールバーを配置します。メインパネルは、画面全体に自動的に拡大縮小されます。また、ツールバーをスライドイン/スライドアウトできるyieldモードから始めました。まだこれを終えることができていません。

于 2012-04-25T22:07:06.183 に答える
0

私が思いついた解決策は、左側に固定divを使用し、右側は自然にスクロールする実際の「ページ」です。

左のdivがページからはみ出しているため、デスクトップブラウザでは、スクロールバーもページからはみ出します。それは対処する必要があります。ただし、iOS5では-webkit-overflow-scrolling: touch 、固定divスクロール機能を完全に使用します。

于 2012-04-28T15:56:43.063 に答える