Можно ли отменить распространение свойства overflow: hidden; на потомков?

Question

[Snatch08]

Можно ли отменить распространение свойства overflow: hidden; на потомков? position: sticky; не будет работать, если хотя бы у одного из родительских div будет свойство overflow: hidden. Вот ссылка: https://www.designcise.com/web/tutorial/how-to-fix... У меня у нескольких родительских div такое свойство указанно и без них не обойтись. Можно ли как то обойти и заставить работать position: sticky?

Answer 1

[kocherman]

Как вариант.
Можно вместо

#element { 
    overflow: hidden;
}

писать вот это

#element::-webkit-scrollbar { 
    display: none; 
}

Comments

[Snatch08]

overflow: hidden; задан потому, что блок без фиксированной высоты. не получится(

[kocherman]

Snatch08, немного не понял, если у блока не задана высота, зачем ему overflow hidden, если он и так растянется по размеру детей, или как?

[kocherman]

А так смотрите, все работает
https://jsfiddle.net/0xmjpusn/

[Snatch08]

kocherman, может что-то не так делаю, но у меня не растягивает.. обошелся пока переключением fixed/absolute

[kocherman]

смотри:
здесь у html { overflow: hidden; }
div#root { overflow: scroll; }
и position: sticky прекрасно работает
https://jsfiddle.net/p6xeva8L/

[Snatch08]

kocherman, действительно, не сразу обратил внимание.. у меня не работало sticky, начал искать почему может быть так, наткнулся на статью, которую указал выше.. оттуда узнал, что одной из причин может быть overflow: hidden; хз что за дела)

[kocherman]

Snatch08, смотрите, тут явный overflow hidden

https://jsfiddle.net/p6xeva8L/1/

и все работает

[Snatch08]

kocherman, так даа, не спорю.. но у меня почему-то не работает, пока не понимаю почему..