可以从车身宽度计算出具有百分比宽度的position：fixed元素吗？

Question

我有一个侧边栏，从位置一半开始在页面的中间。 当您向下滚动并单击侧栏顶部时，将运行一些js以使其位置固定：因此，当您进一步滚动时，它将保持在视图中。

问题是，我希望页面的宽度流畅，所以我将侧边栏的宽度设置为：25％，将其余内容的宽度设置为：75％。 页面正文的宽度为100％，两侧有一些填充。

这一直有效，直到侧边栏变为固定宽度，然后突然伸出为止，现在25％的宽度似乎是从屏幕宽度而不是主体宽度计算出来的。 这是有道理的，但这不是理想的结果-我希望宽度与滚动时保持不变。

我能做什么？ css或js（jquery）解决方案。 谢谢

Answer 1

您可以做的是将最小宽度设置为导航和内容。 在您的绝对/固定元素中包装导航。 fixed将始终以屏幕的宽度/高度作为参考，这意味着要停留在此区域：）如果设置最小宽度，则需要在比屏幕宽的固定区域中向ccontent添加滚动。

http://jsfiddle.net/GCyrillus/GfSM6/

   nav, section {
        width:80%;
        margin:auto; } html, body {
        height:100%;
        margin:0; } section {
        min-height:100%;
        background:#333;
        color:#def;
        padding-top:4em;
        box-sizing:border-box; }
    #posabsfxd {
        position:fixed;
        left:0;
        right:0;
        top:2em;
        text-align:center; } nav {
        background:tomato; } a {
        color:gold; }