將ABSOLUTE位置轉換爲FIXED

-4

我有一個帶有工具提示的div，我必須將它從絕對位置轉換爲固定位置。將ABSOLUTE位置轉換爲FIXED

當我只是改變屬性，它只是變成奇怪的隨機位置。

我應該如何跟蹤它？

來源

2016-03-18 Zbigniew Kisły

一些代碼一起工作呢？ –

你是什麼意思，它只是變成了一個「奇怪的隨機位置」？你能更具體一點嗎？ – JoeL

請張貼一些代碼片段或使用https://jsbin.com/ –

您絕對定位的元素是根據最後一個相對定位的祖先的位置定位的。看下面的代碼片段。固定只是基於窗口本身。如果您想查找需要設置固定位置的座標，則需要使用JavaScript來獲取這些座標。

.relative { 
 
    position:relative; 
 
    margin-top:80px; 
 
    margin-left:120px; 
 
    background:#CCC; 
 
    } 
 

 
.absolute { 
 
    position:absolute; 
 
    top:20px; 
 
    left:40px; 
 
    background:#888; 
 
    color:white; 
 
} 
 

 
.fixed { 
 
    position:fixed; 
 
    top:20px; 
 
    left:40px; 
 
    background:#333; 
 
    color:white 
 
}

<div class="relative"> 
 
    <p>I'm positioned relatively. The absolute div will be positioned relatively to me.</p> 
 
    <div class="absolute"> 
 
    <p>I'm offset from my relatively-positioned parent</p> 
 
    </div> 
 
    <div class="fixed"> 
 
    <p>I'm a child of the relative position, but I'm fixed so I'm offset from the window</p> 
 
    </div> 
 
</div>

來源

2016-03-18 13:38:08 i7nvd

對這個問題很好的回答，這個答案几乎讓問題看起來有價值：P – Randy

好的，那麼我需要做什麼才能將第二個div放在完全相同的位置，但是位置是固定的？ –

從上面的答案：「如果你想找到你需要設置固定的座標，你需要使用JavaScript來獲得這些座標。」 – i7nvd

將ABSOLUTE位置轉換爲FIXED

回答

相關問題