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

Question

[ALEX]

Добрый день, на надой странице есть левая колонка в которой находится навигация https://goldengooseformula.com/academy/lessons/les... . Нужно было сделать чтобы она прилипала к верху когда страница склорился вниз, position: sticky не работает, перечитал много ответов про overflow, position родительского элемента, но ничего не срабатывает. Буду благодарен за любую помощь

Comments

[Орхан Гасанлы]

попробуйте добавить position:fixed; вместо position:sticky;

Answer 1

[Роман Дворянов]

Если у вас убрать 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 браузерах, с другой стороны в сафари на иос стики тоже не работает, но гугл знает где взять полифил)