Здравствуйте.
Есть обычная разметка сайта, с обычными блоками.
Ниже есть блок с атрибутом: height: 100%
.block-1 { background: green; }
.block-2 { background: yellow; }
.block-3 { background: blue; }
.block-1, .block-2, .block-3, .footer {
color: #fff;
padding: 10px;
}
.footer {
background: red;
height: 100%;
}
<div class="block-1">Блок 1</div>
<div class="block-2">Блок 2</div>
<div class="block-3">Блок 3</div>
<div class="footer">
Блок с высотой 100%
</div>
Вопрос: Каким образом сделать чтобы когда пользователь пролистал все содержимое блоков 1 - 2 - 3, как только дошел до низа последнего блока (block-3). и если он еще начал листать ниже, его плавно перекидывает на блок footer с высотой 100%.
Буду благодарен за информацию.