Я работаю над следующей страницей: https://codepen.io/saeed_b/pen/WNvPJQL
Я пытаюсь использовать «закрепленную» позицию, чтобы заморозить желтый раздел «ТАБЛИЦА ГОЛОВКИ»
Я понимаю, что любые родительские элементы с установленным переполнением приведут к тому, что sticky не будет работать. При удалении переполнения из родительских и прародительских элементов (я думаю, что их около 3-4), залипание работает, как и ожидалось.
Однако непреднамеренный эффект этого состоит в том, что я теряю x прокрутки для таблицы даже если родительский контейнер для таблицы имеет overflow: auto (этот div заголовка не является дочерним для этого).
Может кто-нибудь определить, почему это происходит, пожалуйста? Я попытался воспроизвести проблему в простой версии: https://codepen.io/saeed_b/pen/PoqVOjj, но это работает, как и ожидалось, поэтому похоже, что какой-то неясный CSS виновник.
Я порвал свою волосы расстроены из-за этого.
Ценю любую помощь.