Как покрыть элемент другим элементом прокруткой?

Для демонстрации посмотрите этот сайт:

http://www.mojo-themes.com/item/esco-one-page-portfolio/demo/

как вы можете видеть, когда вы медленно прокручиваете страницу вниз, верхнее видео не увеличивается, нижняя белая область начинает покрывать видео. Я сделал все возможное, чтобы реализовать это, но мне не удалось понять, как это сделать?

2 ответа

Сделать его position:fixed и установить его z-index как -1

Демо на странице http://jsfiddle.net/gaby/jB3Fd/


  1. Поместите узел переднего плана после фонового видеоузла в DOM.
  2. Заданное position: fixed на фоновом видеоэлементе и position: relative элемент переднего плана.

http://jsfiddle.net/97bCv/

licensed under cc by-sa 3.0 with attribution.