@alex5792
front man

Почему не работает position: sticky?

Добрый день, на надой странице есть левая колонка в которой находится навигация https://goldengooseformula.com/academy/lessons/les... . Нужно было сделать чтобы она прилипала к верху когда страница склорился вниз, position: sticky не работает, перечитал много ответов про overflow, position родительского элемента, но ничего не срабатывает. Буду благодарен за любую помощь
  • Вопрос задан
  • 313 просмотров
Решения вопроса 1
Raxen
@Raxen
TechLead Frontend Developer, Beeline
Если у вас убрать overflow-x с body и элемента с айди #page-container, то сможете добавить position: sticky и top: 0 (например) у элемента
.et_pb_module.et_pb_sidebar_0.et_pb_widget_area.clearfix.et_pb_widget_area_left.et_pb_bg_layout_light
и все заработает.
Но могут повыползать косяки верстки с просчетом размеров по горизонтали, вообще чинить подобные проблемы обрезая весь body по горизонтали такая себе идея. Если есть где-то момент, превышающий размеры 100% ширины сайта и его невозможно исправить, обрезайте скролл, используя overflow-x у родителя проблемного элемента, а не body, кроме того overflow на body не работает в iOs браузерах, с другой стороны в сафари на иос стики тоже не работает, но гугл знает где взять полифил)
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы