restrict scroll area instead of sticky header

When you use the tab key to navigate, the sticky header can sometimes cover the current element.

This could also be fixed by using scroll-padding-top. However, it is complicated to express the height of the responsive header.