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

Question

[rinatoff]

Не работает позицонирование, в чем причина?
jsfiddle.net/eo4nsfrt

Answer 1

[Алекс Глебов]

блок прилипает внутри родителя
jsfiddle.net/eo4nsfrt/1

еще может не работать из-за overfloy: hidden в родительских блоках

Comments

[rinatoff]

Спасибо, то есть дело в том, что высота родителя должна быть больше блока?

[Алекс Глебов]

rinatoff: да

[rinatoff]

Но есть одно но... позиционирование работает только до окончания высоты родителя. А как же сделать чтобы он прилипал до конца страницы? Например там куча контента и ещё всяких блоков, а НЕОБХОДИМЫЙ блок который должен прилипнуть находится допустим ниже хедера сайта. Как реализовать это на чистом Css?

[Алекс Глебов]

rinatoff:
если нет возможности его никуда перенести, то никак на css
это на js делается
там несколько строчек, можно нагуглить

[rinatoff]

Алекс Глебов: а какая может быть возможность его перенести? Например? Просто не имею хорошего опыта. Поэтому задался этим вопросом.

[Алекс Глебов]

прямо в боди
и как то спозиционировать

Answer 2

[Negwereth]

caniuse.com/#search=sticky

Comments

[rinatoff]

не в этом дело без div работает, если позиционирование задавать h2, а если обернуть в div то совсем другая картошка.