web-dev-qa-db-ja.com

マスター/詳細パターンのダイナミクスとスクロールの動作は何ですか?

私はマスター/詳細パターンのSide-by-side styleを使用しています。つまり、マスターリストと詳細の両方が同時に表示され、その後、スクロールのダイナミクスと動作がどうなるかです。最新のUIデザイン。

ご存じのとおり、マスターセクションには、ページごとに数百行または数行を表示する可変リストを含めることができます(ページ付け、検索、およびフィルターを検討してください)

詳細セクションでは、高さが固定されているコンテンツを含めることができます。

ここで、マスターセクションと詳細セクションの両方の高さがブラウザーウィンドウの高さよりも大きいことを考慮してください。

両方のパネルの高さ、幅、位置を固定して、両方のセクションでインラインスクロールを使用する必要があります。お気に入り?

enter image description here

または、Jump toアクションとマスターパネルの固定された水平位置でHTML本文のスクロールを使用する必要があります。お気に入り?

enter image description here

4
hamidraza

パネルのコンテンツがパネルの高さよりも大きいことを考えると、パネルごとに専用のスクロールバーが必要だと思います。

これにより、ユーザーはコンテンツをナビゲートできます。さらに、ジャンプメカニズムを使用して、右パネルと左パネルの間のセクションをリンクすることもできます。

何をするかに関係なく、前回のスクリーンショットで示したように、ウィンドウ全体を水平スクロールバーで囲むことは避けます。

2
Leths