元素在容器元素內的固定位置

我有一個父div，我想讓子div在頁面向下滾動時保持固定。元素在容器元素內的固定位置

我已經嘗試使用position:relative;爲父元素和position:fixed;爲子，但它不工作，因爲子div根據窗口對象而不是父div。

是否有任何解決方法實現這與CSS？如果沒有，一些javascript/jquery技巧來創建這個？

歡迎任何提示/建議！

謝謝！

2014-04-04 agis

以及它不清楚究竟提供你想..我的意思是如果滾動頁面父母應滾動頁面或那也是你想修復？如果那個頁面滾動然後什麼是讓孩子固定的意義？ –

我想要的是讓子元素像一個位置固定的元素，當用戶滾動時也可以看到 – agis

@AlbusShin謝謝，這就是我正在尋找的東西。所以沒有辦法只用CSS來實現呢？您應該將其作爲答案發布，我會授予您。 – agis

Jquery.pin可能會幫助你在這裏，我想

這是一個jQuery插件，功能是「爲您向下滾動脫膠悄然流連」

2014-04-06 17:58:45 albusshin

父母使用position:relative;，子女使用position:absolute;。

例如：

CSS：

.parent { 
    position: relative; 
} 

.child { 
    position: absolute; 
    top: 0; 
    left: 0; 
}

HTML：

<div class="parent"> 
    <div class="child"> 
    </div> 
</div>

2014-04-04 16:14:38 Arbel

我知道我可以做到這一點，我想要的是讓子元素像一個具有'position：fixed'的元素一樣，當用戶向下滾動時也可以看到。 – agis

position:fixed總是相對於窗口視

您可以設置孩子的位置絕對和將其頂部和左側位置設置爲固定值。

2014-04-04 16:14:49 Stphane

回答