A question for JQuery and the vertical scroll: I have two div s obvious the first one is on top of the other.
<div class="uno"></div>
<div class="dos"></div>
The problem is that I have the main scroll of the window, and the div.dos has another scroll inside it. What I want to do is that by declaring the end of div.uno this will synchronize the main scroll with the div.dos .
For example: I have the following
[![<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style type="text/css">
.uno{
width: 100%;
height: 450px;
background: blue;
}
.dos{
width: 100%;
height: auto;
background: orange;
overflow-y: scroll;
}
</style>
<body>
<div>
<div class="uno"></div>
<div class="dos">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
<img src="PERRO.png">
</div>
</div>
</body>
</html>][1]][1]
In the picture I indicate with an arrow that when the main scroll reaches that point it will be paired with the other and the two will work at the same time, and so on.