7

私はdivwith プロパティを持っています

<div id="_body_container" style="height: 500px; overflow-x: auto; overflow-y: auto; ">
</div>`

この div 内tableには class がありviews-table、このテーブルには 100% の幅があり、親 div になります:_body_containerスクロール可能です。左右のスクロール イベントが発生している間、このテーブルの最初と 2 番目の列をその位置に固定したい_body_container

構造は次のようなものです:ここに画像の説明を入力

4

2 に答える 2

15

各セクションが要素であると仮定すると<td>...

CSS

table {
    position: relative;
    padding-left: (width-of-your-td-elements);
}
table td:first-of-type {
    position: absolute;
    left: 0;
}

それを試してみてください。遅くて酔っ払っているので、これについては完全にはわかりません. ああ、これは <= IE8 ではサポートされていない CSS3 を使用していることに注意してください。

これが機能する場合は、 a に追加position:absolute; left:0;してclass、最初の要素をそのようにターゲットにすることができます。

于 2011-10-07T07:48:25.833 に答える
4

@vonklyはほぼ正しいですposition:absolute。ただし、設定する必要はありませんleft:0。でleft:auto、あなたも節約position:relativeできます。

table {
    padding-left: (width-of-your-td-elements);
}

table td:first-of-type {
    position: absolute;
}
于 2011-10-07T07:54:06.767 に答える