jquery - 在流体网格父包装器中固定位置 div？

Question

我已经使用流体 12 列网格建立了一个网站。我想在右侧列中的一个 div 到达页面顶部时修复它的位置（使用StickyJs或类似的东西）

但是，当应用固定位置时，div 会从 DOM 中取出，并且会完全破坏网格结构，因为 div 会失去其父格式。

https://jsfiddle.net/k4r00au0/

position: fixed;

固定滚动位置后，有没有办法保持 div 的位置和大小？

我试过了：

width: inherit;

无济于事

在此先感谢您的帮助，升技对此感到困惑！

Answer 1

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

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

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

演示在https://jsfiddle.net/k4r00au0/1/