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/