Webページには2つの列があり、両方に共通のスクロールバーが表示されます。例えば、私が考えているのは、新しいツイッターuiの行に沿ったものです。リストが高さよりも長い場合、一方の列はスクロールバーでリストを表示し、同様に他方の列は独自のスクロールバーで詳細を示します。ウェブページに2つの独立した列を作成する方法は？
私はどの方法で先に進んでしまったのでしょうか？これを達成するためにフレームを使用する必要がありますか？グローバルスクロールバーを抑制することができ、各カラムはCSSで独自のスクロールバーを使用できますか？
HTML：
<html>
<body>
<div class='right'>
<!-- data -->
</div>
<div class='left'>
<!-- data -->
</div>
</body>
</html>
はCSS：
body{
overflow:hidden; /* This will remove the default scroll, not really needed, safer nonetheless */
}
.right, .left{
overflow:auto; /* This will add a scroll when required */
width:50%;
float:left;
height: 100%
}
CSS overflow propertyを見ると、divなどの特定の要素のスクロールバーをオンにすることができます。要素に幅と高さを設定してください。そうでない場合は、コンテンツに合わせて拡大されます。
おかげで、私は今軌道に乗っています。..は、スクロールバーがそれぞれのdivに現れるようになりました。例のおかげで –
ありがとうございます。 –
ありがとうございます。それは、右のスクロールバーの右側にある白い帯、おそらく本体用のスペースに気付くことを除いて、機能します。それを避ける方法は？ –
@JohnLehmann私はそれを試すことができる作業例へのリンクがありますか？ – Dan