Feature request: Allow media query settings for offset amount + more

[tw2113]

Context of the problem: One of the commonest uses of this plugin will be to offset same-page hyperlink jumps due to a fixed menu bar at the top which needs to be compensated for, or else the anchored content will appear behind the fixed menu bar.

Because the fixed menu itself is often responsive, its height will vary (one-line menu bar becomes two lines for smaller screens), and therefore the hash link scroll offset will need to vary accordingly also.

Some websites also disable the fixed menu for mobile screens, and in that case, the hash link scroll offset should be disabled for mobile screens.

Suggested solution (manually determine offset conditions): Please add a feature which allows media queries to be added to vary the offset amount (px) according to screen width. It should be possible to add as many media queries as needed.

Extended solution (automatically determine offset conditions): Even better if you could allow users to link the offset value (px) to the height of fixed menu bar in question, by adding a plugin setting field in which users can specify the class or id of the <div> that represents the fixed menu. That way, the offset can be automatically determined by the height of the fixed menu.

[agg2]

Thank you - just a formatting error I would like to point out in your post - at some point in my text which you have copied and pasted, the word "<div>" appears and was not formatted/rendered correctly - it was simply omitted and a gap appears. I've indicated in red where this happens in the screenshot below. I was going to suggest just enclose with back quotes so that it appears as <div> or replace it with "html element" or something.

[tw2113]

Thanks for that. Fixed and code quoted so it won't be missed.

[agg2]

*bump

Still interested in this feature and watching intently. Please don't forget about this request. :)

[tw2113]

It's not forgotten as a whole, but I must admit we also don't have anyone actively working on the plugin at the moment either, as it's not presently a high priority item.

[tw2113]

Alternative ideas here, after recent forum support requests.

Provide an option to specify a selector, say #nav or similar, and on clicks, get the current height of that markup and run the calculations. This is in part from a page on desktop that as you scrolled, a fixed header area condensed down by 30px and was not getting recalculated at all.

[tw2113]

https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-top