Прокрутите поведение, чтобы быть элементом над элементом ⇐ Html

[Anonymous]

При прокрутке я использую липкие для решения, но все еще не работаю идеально, как я могу достичь такого поведения. Если есть плагин для решения этого, я открываю для этой опции. < /P>
Я использую jquery /vanilla js. < /P>


"

Код: Выделить всё

body, html {
margin: 0;
padding: 0;
}

.sticky_element {
position: sticky;
top: 0;
height: 100vh;
overflow-y: auto;
padding: 2rem;
color: white;
font-size: 2rem;
display: flex;
align-items: center;
justify-content: center;
}
.tall {
height: 200vh;
}
h2 {
font-size: 200px;
margin: 40px;
}
.red { background: #e74c3c; }
.green { background: #27ae60; }
.blue { background: #2980b9; }< /code>









SECTION 1


SECTION 2


SECTION 3

Ожидается, что зеленая коробка работает нормально, когда его высота составляет 100 В.>

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