使div的內容表現得像一個固定的背景

-1

我試圖創建一個效果類似於： background-attachment:fixed; 但是我想將這種影響應用於div中包含的所有元素，而不僅僅是背景。使div的內容表現得像一個固定的背景

當您向下滾動div時，屏幕會向上移動，但其中的一些內容會隱藏在溢出中的內容會進入視圖。

<div class="parent"> <!--- will move on scroll. Overflow hidden. ---> 
    <div class="child"></div><!--- won't move on scroll ---> 
    <div class="child"></div><!--- won't move on scroll ---> 
</div>

理想情況下，這將是一個HTML和CSS解決方案，但我可以使用JavaScript擴展到一些jQuery或DOM調用。請記住，我想在一個頁面上多次使用此效果，因此它需要相對簡潔。

道歉，如果這個問題已被問到，但我發現很難形容，所以也許我在我的搜索中使用了不正確的關鍵字。任何建議如何更好地說這個問題將不勝感激。

來源

2016-08-02 Buts

您的第一段顯示在問題頁面上，所以最好確保它實際上包含問題的主要部分，而不是道歉。我已經把它移到了最後。 –

'position：fixed'（或'absolute'），也可能帶有'z-index'。 – gcampbell

你有沒有嘗試解決一個DIV的位置：

<style type="text/css"> 

#mydiv{ 
position: fixed; 
left: 10px; 
top: 50px; 
} 

</style> 

<div id="mydiv"> 
Some content here 
</div>

它可能是你需要的。

來源

2016-08-02 13:02:38

謝謝你的回答塞爾吉奧。我希望母公司移動，所以不是固定的位置。不過，我希望子元素在父div中保持靜態或固定。 – Buts

在另一個固定的內部使用Div ...它可以達到你想要的效果。 –

使div的內容表現得像一個固定的背景

回答

相關問題