Hi @planetboris ,
Currently, this feature is not available in our EA Advanced Tabs widget.
However, I can help you with some custom JS to achieve this.
You can add this custom JS on your page to achieve this:
jQuery(".inactive").click(function() {
jQuery('html, body').animate({
scrollTop: jQuery(".eael-advance-tabs").offset().top
}, 2000);
});
NOTE: You can add custom JS on your page by using EA Custom JS extension. Have a look at this doc here: https://essential-addons.com/elementor/docs/custom-js/
Thank you!
Thanks for the quick response Abid! I’ll try the code once I activate the EA JS Extension and let you know the results, I’ve been looking for a solution all week. Would there be a workaround for tablet / Mobile modes?
Cheers
Hi @planetboris ,
Yes! The above JS snippet will also work for Tablet and Mobile as well.
Thanks!
Hi Abid, thank you very much for the code snippet. It solves a huge problem. I was wondering though, instead of scrolling to the top, is there a way to have it snap to top immediately? I don’t want the user to see the scrolling. When switching tabs I plan on having an entrance animation for each tab content. So upon activating the next tab the old content will fade out and the new content will fade in, so as to mask the movement of the new content moving to the top. Just to refine the user experience, if this is possible. Hope you can help, really appreciate your support.
Thank you
Hi @planetboris ,
Unfortunately, it cant be possible with jQuery or CSS actually.
Thanks for your suggestion regarding this.
This will help us to improve our widget in the future!
Have a good day!
No problem Abid, thanks for looking into this for me. I guess “scrollsnap” wouldn’t work also in the code? I will keep you posted. Please let me know should you come up with a solution in the future. Cheers
