I need two divs Have the transition effect, just like from that site (press the UP and DOWN arrow keys "to see what I'm talking about).
I need when the user scrolls scroll down, the divs and their contents change according to the example I mentioned. That is, when scrolls down, the DIV on the left goes up and the right one goes down. This alternation may be random.
.left{
float: left;
height: 1000px;
width: 50%;
}
.right{
float:right;
height: 1000px;
width: 50%;
}
#tela1 .left{
background:#000;
}
#tela1 .right{
background:#888;
}
#tela2 .left{
background:#689;
}
#tela2 .right{
background:#366;
} <div id="tela1">
<div class="left">
Conteúdo da esquerda que move para baixo
</div>
<div class="right">
Conteúdo da direita que move para cima
</div>
</div>
<div id="tela2">
<div class="left">
Conteúdo da esquerda que move para baixo
</div>
<div class="right">
Conteúdo da direita que move para cima
</div>
</div>I submitted the my structure here :