Как сделать шапку как на booking.com?

Question

[prystapchuk-dev]

Как зафиксировать самый верхний блок? А также сделать, чтобы блок с поиском при прокрутке прокручивался только к самому верхнему блоку и там фиксировался. Хотя бы в общем, как это делается какие ключевые свойства использовать. Спасибо

Answer 1

[Anonymous Penguin]

header {
  position: fixed;
  top: 0;
  width: 100%;
}
.search-block {
  position: sticky;
  top: 150px;
}

Answer 2

[ThunderCat]

position:sticky