Вместо того, чтобы прокручивать страницу вниз для просмотра набора элементов div, я бы хотел, чтобы они накладывались в одном и том же месте — один поверх другого — при прокрутке. Итак, вы прокрутите вниз, но страница не опустится. Вместо этого следующий элемент div будет накладываться на первый и так далее и тому подобное. Не знаете, как это сделать? Вот что у меня есть:
ОБНОВЛЕНИЕ
Код: Выделить всё
.container {
width:100%;
height:100%;
position:relative;
}
.container1 {
display:block;
position:fixed;
margin-top:690px;
width:100%;
height:500px;
z-index:1;
background:#333;
}
.container2 {
display:block;
position:absolute;
margin-top:1190px;
width:100%;
height:500px;
z-index:2;
background:#F00;
}
info
info
Эта настройка работает, но размер нижнего элемента div (container1) не равен 500 пикселям, а соответствует размеру экрана. Я уверен, что это простая корректировка кода, но я в тупике.
Спасибо за любую помощь!
Подробнее здесь:
https://stackoverflow.com/questions/127 ... -on-scroll