If I load my page and don’t immediately scroll, clicking on an anchor link (via the top menu or buttons within the page), it scrolls to that anchor before scrolling again to another point on the page.
If I click again everything works as it should.
Anchor links also work if I:
- scroll one line before clicking on the link and if I load it from another page.
- load anchor link directly from another page
I have a top menu that is mostly created via loopers and dynamic data. Dynamic data is also throughout the page and is hiding sections. I also have JavaScript to fix the top menu looper dropbox boxes that don’t animate well when scrolling (removing the script does not fix the issue). The top menu is sticky, but again, turning it off doesn’t fix the issue. It’s not just the menu though, as I have buttons at the top fo the actual page that also don’t work.
Maybe scrolling the page by one line or via another page activates all the dynamic and hidden data? If so, how can I fix this?
The solutions via older questions (Anchor Links Issue) have not helped.
The website is: https://innovatek.co.nz/event/environmental-forestry-2024/
Any help would be great.
Cheers,
Ken