Сделать содержимое div должно вести себя как фиксированный фон

Question

Я пытаюсь создать эффект, подобный эффекту: Однако я хочу применить этот аффект ко всем элементам, содержащимся в 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, но я могу растянуться на некоторые вызовы jQuery или DOM с JavaScript. Имейте в виду, что я хотел бы использовать этот эффект несколько раз на одной странице, поэтому он должен быть относительно кратким.

---

Извиняюсь, если этот вопрос уже задавался, но я нашел, что это трудно описать так что, возможно, я использую неправильные ключевые слова в моих поисках. Любые предложения о том, как лучше формулировать этот вопрос, будут оценены.

Answer 1

ли вы пытаетесь исправить положение DIV:

<style type="text/css"> 

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

</style> 

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

Это может быть вам нужно.