Как воспроизвести этот затвор. Раскрыть эффект от этого шаблона Wix? ⇐ Html

[Anonymous]

Я хочу воссоздать этот эффект затвора, в котором, когда мы прокручиваем раздел героев (затвол), скользят вверх и раскрывает раздел под ним, после того, как затвор полностью выходит из просмотра, прокрутка передается на остальную часть веб -сайта, и мы можем прокрутить другие разделы (то, что я думаю). src = "https://i.sstatic.net/bpn96jur.png"/>
Вот ссылка на шаблон Wix: Link
Я попытался настройка временной шкалы анимации, чтобы прокрутить как:
.hero-section {
position: absolute;
height: 100vh;
width: 100%;
z-index: 1;
animation: uncover linear;
animation-timeline: scroll();

@keyframes uncover {
to {
transform: translateY(-100%);
}
}
}
< /code>
Но проблема здесь заключалась в том, когда я прокручиваю раздел героев, но разделы под ним также прокручивают, но с нормальной скоростью (медленнее, чем раздел Hero). Вместо этого я хочу, чтобы содержание под разделом героя стало статичным, пока раздел героев не станет полностью вне просмотра.

Подробнее здесь: https://stackoverflow.com/questions/796 ... x-template