@prystapchuk-dev

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

62aee5addc18f738257608.gif

Как зафиксировать самый верхний блок? А также сделать, чтобы блок с поиском при прокрутке прокручивался только к самому верхнему блоку и там фиксировался. Хотя бы в общем, как это делается какие ключевые свойства использовать. Спасибо
  • Вопрос задан
  • 90 просмотров
Решения вопроса 1
Anopeng
@Anopeng
Веб-программист, учу фронт и бек
header {
  position: fixed;
  top: 0;
  width: 100%;
}
.search-block {
  position: sticky;
  top: 150px;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
ThunderCat
@ThunderCat Куратор тега CSS
{PHP, MySql, HTML, JS, CSS} developer
position:sticky
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы