是否有任何接近某個職位：相對固定？

我有一個網站，elemovements.com，其中，在主頁上，您可以點擊查看新聞的存檔，並出現一個小的彈出窗口。我利用了jQuery Waypoint的優勢，這樣，當滾動時，彈出窗口會沿着頁面向下。不幸的是，按照我設置的方式，我使用CSS來定位它，該CSS在我使用的分辨率下正常工作。不幸的是，並不是每個人都使用1600x900。我的問題是（並且我知道CSS中沒有這樣的東西）：是否有任何方法可以讓一個元素具有固定的定位相對於到另一個元素？在我的代碼中，我創建了一個JavaScript對象，該對象處理稱爲objArchive的此歸檔彈出窗口的大部分操作，並在其中包含一個名爲getRight（）的函數，我試圖用來糾正這種情況，無論何時在合適的人員滾動或調整大小條件。唉，我無法讓它工作。你可以看看網站here和它的大部分代碼here。誰可以幫忙，我一定會在代碼註釋中給你一些功勞:)是否有任何接近某個職位：相對固定？

順便說一句，打開它，看看標題欄右邊的「最新消息」框，會有一個「檔案」鏈接。謝謝！

來源

2012-01-16 Gabriel Ryan Nahmias

那麼，這個小的「存檔」出口是問題嗎？ – 2012-01-16 15:46:52

不完全。不過，這個問題已得到解決。不管怎樣，謝謝你。 – 2012-01-16 20:12:07

當您製作一個元素fixed時，它會將其定位在相對於瀏覽器窗口以及瀏覽器窗口的位置。但是，由於您的網站居中，因此您可以將窗口的中心固定爲常數，並可以將其定位爲相對於該中心線。如果你給你的.sticky這些規則，你將有你在尋找的位置。

.sticky { 
    position: fixed !important; 
    right: 50% !important; 
    margin-right: -592px; 
}

這些規則定位的.sticky元素所以它的右邊是瀏覽器的寬度的中心線上，然後將其移到592個像素的權利（這是你的容器寬度+的寬度的一半元件）。

來源

2012-01-16 15:48:09 rgthree

我知道瀏覽器窗口的相關事情，但我仍然不知道爲什麼我沒有看到這個解決方案;它非常簡單。非常感謝！你是一個熱衷的人。 – 2012-01-16 20:10:18

是否有任何接近某個職位：相對固定？

回答

相關問題