修复流体网格父包装中的位置div?

时间:2015-03-31 22:35:11

标签: jquery html css fluid-layout grid-system

我使用流畅的12列网格构建了一个网站。当它到达页面顶部时,我想修正右侧列中某个div的位置(使用StickyJs或等效值)

然而,当应用固定位置时,div被从DOM中取出,并且当div失去其父格式时它会完全打破网格结构。

https://jsfiddle.net/k4r00au0/

position: fixed;

有没有办法在修复滚动位置后保持div的位置和大小?

我试过了:

width: inherit;

无济于事

提前感谢任何帮助,abit难以接受这个!

1 个答案:

答案 0 :(得分:0)

您可以通过javascript手动设置宽度来解决此问题。

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

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

https://jsfiddle.net/k4r00au0/1/

演示