javascript - 使固定的第三列与中间容器齐平

Question

试图使三列设计适用于超宽或高分辨率屏幕。这是它的样子，特别是第三列与第二列齐平：

这是宽屏的样子：

对于那些使用较小浏览器（它是一个交互式查询构建器）的人来说，它应该是粘性的，但是对于较大的屏幕，它的right属性使它离中心点太远了。Absolute定位将解决冲洗问题，但它会破坏粘性目标。

有没有一种优雅的方法可以做到这一点，或者我应该根据浏览器分辨率通过 javascript 更改定位？

谢谢，

Answer 1

没有人回应，所以我决定做这个jsfiddle 例子。通过阅读说明，这就是我认为你所要求的。不完美，但这就是你 10 分钟的工作所得到的，不是吗？

正如大多数“粘性”示例所示，您只需要使用position: fixed;，但是当使用浮动时，就像我所做的那样，您必须包装您想要“粘性”的内容并将元素位置设置为fixed