{"type":"rich","version":"1.0","provider_name":"phorkie","provider_url":"https:\/\/p.cweiske.de\/","title":"correct anchor scrolling with fixed header","author_name":"Christian Weiske","cache_age":86400,"width":900,"height":900,"html":"\n\n
\n
\n
\n \n
\n\n\n

Scrolling to a content element via #anchor links is often broken if you have a fixed header or menu.<\/p>\n

You can fix this by disabling page scrolling and putting the whole content inside a <div><\/tt> that has overflow: auto<\/tt> set, causing the div alone to get scroll bars. The div<\/tt> has to have a fixed height.<\/p>\n

\n

Update 2023-08: Setting scroll-margin-top<\/span><\/tt> on the id elements solves the problem without any other tags and css rules!<\/p>\n<\/div>\n\n <\/div>\n

\n view raw source<\/a>\n README.rst<\/a>\n <\/div>\n<\/div>\n
\n
\n