iNext10
@iNext10
Web Developing (Front End) Junior

Почему не прилипает второй блок с position: sticky?

Доброго времени суток.
У меня на сайте есть хэдер, в котором содержится 2 блока:
.header__top
.header__main

5edabc96333d3012911093.png

Им обоим я присвоил такие стили:
position: sticky;
top: 0;


1 блок (header__top) "липнет" при скролле вниз, а вот 2 блок (header__main) НЕ липнет к верхней границе html страницы.

В чём может быть причина??
  • Вопрос задан
  • 80 просмотров
Решения вопроса 1
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
CEO iAmStudio, предприниматель.
position:sticky работает внутри своего родителя.

Вынеси по структуре страницы, к примеру так:
→body
→→div.header__top
→→header.header__main
И тогда родителем будет body, что позволит в полной мере использовать возможности прилипающего позиционирования.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
08 июл. 2020, в 15:18
100000 руб./за проект
05 июл. 2020, в 11:05
40000 руб./за проект
08 июл. 2020, в 15:13
3000 руб./за проект