Smooth Scroll Header and Offset working?

Does anyone use the header and offset properties in the Smooth Scroll element?

Is the header property supposed to use the div with data-scroll-header as the top of the element that is scrolled to?

My header is fixed, so the content is currently scrolling to the top under the header and I would like it to stop at the bottom of the header.

An element with position: fixed; is positioned relative to the viewport, which means it stays in the same place even if the page is scrolled. Like position: absolute;, it is removed from the normal document flow.

The best way to solve the problem is to place an element after the header that contains the ID.