CSS / JavaScript絕對與固定位置
[英]CSS/JavaScript Absolute vs Fixed positioning
問題描述
我現在有一個問題，似乎無法深入了解。
假設我有以下代碼：
<div id="Father">
<div style="position:absolute" id="Son">
Some random content here....
</div>
</div>
有時我需要讓兒子全屏顯示，所以我只應用top：0： 左：0; 寬度：100％; 高度：100％; 重視它，這全是因為他不依賴天父。 但是有時候我希望兒子保持相對於父的關系，而不是從頁面的頂部開始，所以我只是采用一些立場： 給父親，就是這樣。 兒子被“扎根”；
我的問題是，如果我嘗試使用$（“＃Father”）。css（“ position”，“ fixed”）; 再次把兒子放出來似乎沒有用。 無論我給出什么js指令，它都相對於父親。
PS我已經刷新了兒子的顯示（阻止/無顯示），我不希望更改僅發生在兒子站在屏幕上的情況下。
希望您能夠幫助我。
1 個解決方案
解決方案1
1 已采納 2014-10-28 09:55:59
絕對會以非static位置參考第一個祖先，或參考<body>元素來定位孩子。
要從祖先的約束中“釋放”元素，只需恢復其靜態位置即可：
$('#father').css('position','static');
或者，如注釋中所示，您可以使用空字符串或無效值使瀏覽器放棄該規則：
$('#father').css('position','');
jquery.simplemodal-1.3.3.js：絕對定位（與固定）
[英]jquery.simplemodal-1.3.3.js : absolute positioning (vs. fixed)
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.