position: sticky: защо заглавието не залепва

Полезно е да знаеш

Елемент с position: sticky; участва в нормалното оформление и може да се задържи при достигане на зададено отместване. За залепване към горния край обичайният начален пример е top: 0;. Без подходяща стойност за отместването по съответната ос sticky може да изглежда като обикновен relative елемент. [1]

Важен е и родителският контекст. Sticky се ориентира спрямо най-близкия предшественик с механизъм за превъртане, създаден например чрез overflow: auto или hidden. Този предшественик невинаги е мястото, което очакваш да превърташ. [1]

При проблем огледай веригата от родителски елементи, наличното пространство и top, вместо веднага да заменяш sticky с fixed. Fixed променя участието в потока и може да покрива съдържание; sticky е подходящо, когато искаш задържане в границите на определена секция.