Я был бы признателен за некоторую мудрость: у меня есть 2 элемента div рядом друг с другом шириной 50% от родительского элемента div (тело установлено на 200%) - чтобы они действовали как отдельные горизонтальные страницы. Я хотел бы, чтобы каждый div оставался в поле зрения при уменьшении и расширении окна браузера. В настоящее время за счет увеличения размера окна, когда синий видимый элемент div в видимой области отображается красным div, когда полоса прокрутки перемещается к центру браузера.
body {
position: relative;
width: 200%;
height: 100%;
}
.block1 {
position: absolute;
width: 50%;
height: 100%;
background-color: #B00;
min-height: 800px;
left: 0px;
}
.block2 {
position: absolute;
width: 50%;
height: 100%;
background-color: #00A;
min-height: 800px;
left: 50%;
}
<body>
<div class="block1">
</div>
<div class="block2">
</div>
</body>