I’m a bit stuck on how to stop the scrolling behavior when a jump link (anchor link/page jump) is targeted at Ultimate Add-Ons Advanced Tabs module.
Currently, I have a link on the left side that when clicked selects the appropriate Advanced Tab. It works splendidly. However, my client does not like the way the map always focuses to the top of the page. If you were to nudge your scroll wheel it can create a jarring motion back up.
I’ve ran up and down the internet trying to find a solution for this. I’ve been able to find where this is located in the Beaver Builder js files (fl-builder-layout.js), and have tried a few JQuery solutions to remove the default behavior.
I’m not sure how to turn off that method/function in the JS file, and can’t seem to find an answer. This may be above my skill level.
Good morning Avanti and thank you for reaching out.
Unfortunately, this doesn’t look like it will provide me the functionality they’re requesting.
I’ve been able to get the e.preventDefault(); to work perfectly fine, but there’s still a JS behavior that causes the module to focus to the center of the page.
For example, on the page, you’ll notice that if you click any of the links under “OPI Places of Interest” it doesn’t append the URL with the “#interactive-map-1”.