私はウェブサイトのデザインに取り組んでおり、サイドバーをページのコンテンツとは独立してスクロールさせるか、1つのスクロールバーだけで両方のdivを制御するかを決定しようとしています。決定を導くためにどのような原則を使用すべきですか?ユーザーがメインコンテンツをスクロールしている間、サイドバーのコンテンツを固定したままにしたい状況はどれですか。
私はこれであなたの助けに感謝します-特にあなたがどちらかの方法に傾いたデータを私に指摘することができたなら。
質問で列挙しなかったオプションは、フローティングサイドバーでコンテンツをスクロールするオプションだと思います(その位置は常にコンテンツの端ではなくウィンドウの端からの固定距離です)。
両方の列をスクロールする必要があるかどうかを慎重に検討します。ハイライト表示した場合、メインコンテンツとサイドバーの間のユーザー切り替えコンテキストは、ページ上の場所を失う必要があります(メインコンテンツの下部までスクロールし、サイドバーの上部付近にアクセスする必要がある場合)または独立してスクロールするフレームを把握する必要があり、スクロールアクションを取得する列を選択するには、マウスをさらに動かす必要があります。
開発しているアプリケーションのスコープがわからない場合、最初の推奨事項は、サイドバーのコンテンツをウィンドウの高さ未満に制限することです。さらにスペースが必要な場合は、サイドバーにタブを使用するか、サイドバー内に水平方向にページ分割されたセクションを配置できます。
私はスクロールを避け、サイドバーのナビゲートを別の方法で解決しようとします。たとえば、ページ分割とサイドバーのajaxのような変更を行います。
あなたはすでに各タイプの長所と短所を知っているようですので、あまり追加はありません。先ほど述べたように、一部のサイトでは2つのスクロールバーが必要ですが、ほとんどのサイトでは1つ必要です。
私はあなたが言及した2つの間のクロスである別のアイデアを追加します。静的に配置されたサイドバー(css、position:fixed)を作成しても、サイドバーはそのままですが、スクロールバーは1つだけです。これはユーザーの混乱を少し少なくし、サイドバーのコンテンツがページよりも短い場合に適しています。