Как сделать, чтобы изначально блоки шли один под другим, но при скроле нижний блок начал бы уходить под верхний?

Question

[Анастасия]

<div className="block-wrapper">
     <div className="block-fixed" />
     <div className="block-scrolling" />
  </div>

Comments

[Владимир Юрченков]

js

почитайте еще про https://habr.com/ru/post/141687/
А так просто при скроле, прописываете как должен вести себя блок и на каких значениях, не забывайте про обратный путь.

[Genri_Rus]

При скроле есть такой пример: ссылка

Answer 1

[Степан Кормилин]

.block-fixed {
    position: sticky;
    top: 0;
    z-index: 2;
}

.block-scrolling {
    z-index: 1;
}