Здравствуйте, у меня есть 2 блока. один большой и при загрузке сайта открывается на всю высоту и ширину страницы.
Второй такой же только длиннее. Как сделать, что-бы при прокрутке нижний блок наезжал на верхний?
Есть такой код, но тут подключен эффект параллакса и тот блок на который наезжают дергается, может подскажите как "убить" аффект параллакса и тогда все будет работать так как нужно?
var ypos, image;
function parallex() {
image = document.getElementById('parallaxHead');
ypos = window.pageYOffset;
console.log(ypos);
image.style.top = ypos * .7 + 'px';
}
window.addEventListener('scroll', parallex), false;
#parallaxHead {
position: relative;
z-index: -1
}
#content {
height: 100%;
width: 100%;
margin-top:-10px;
background-color:#fff;
position: relative;
z-index: 1;
}
