'scroll-padding-top not working when anchor referenced from another page

I have a standard CSS set up to manage Jump To links within a page:

html {
   scroll-padding-top: 150px;
}

This works great when I am linking to something within the page. However, if I link to another page, the anchor goes to top (default), which then hides behind my fixed header.

In both cases the url displays:

site.com/#link

What may be causing this and how can I resolve it?

htmlcss


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions