I’m having an issue with anchor links when using Hero images on a page. I think when using a vh height, the widget calculates the vh through JS and then outputs the CSS inline after the page is loaded. When using anchor links in-page, this works fine (obviously the exact dimensions are known to the browser), but when using anchor links from an external page, it seems that the vh height is calculated and outputted after the browser is loaded and so the anchor links do not work properly.
I’ve tried a number of ways to fix this by attempting to load a scroll script after all the images are loaded (I tried a number of methods including Alex Dickson’s) but couldn’t fix it.
Does anyone know of a way around this?
Thanks in advance.