0

流動的な 12 列のグリッドを使用して Web サイトを構築しました。ページの上部に到達したときに、右側の列の div の 1 つの位置を修正したい ( StickyJsまたは同等のものを使用)

ただし、固定位置が適用されると、div は DOM から取り出され、div が親の書式設定を失うため、グリッド構造が完全に壊れます。

https://jsfiddle.net/k4r00au0/

position: fixed;

スクロール位置を修正した後、div の位置とサイズを維持する方法はありますか?

私はもう試した：

width: inherit;

無駄に

助けてくれてありがとう、これに少し困惑しています！

4

1 に答える 1

0

これは、幅を手動で設定することにより、javascript で修正できます。

var fixed = $('#fixed'),
    container = fixed.closest('.inheritw');

$(window).on('resize',function(){
    fixed.width( container.width() );
}).trigger('resize')

https://jsfiddle.net/k4r00au0/1/のデモ

于 2015-03-31T22:52:28.507 に答える