可以從車身寬度計算出具有百分比寬度的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; }