Title: EA Tabs widget
Last modified: October 25, 2021

---

# EA Tabs widget

 *  Resolved [planetboris](https://wordpress.org/support/users/planetboris/)
 * (@planetboris)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/ea-tabs-widget/)
 * I am currently using vertical tabs with saved templates for content. Some of 
   the tabs have long form content requiring user to scroll to reveal all the content.
   When you click on the next tab you have to scroll back to top to view the beginning
   of the next tab content. I’m looking for a scroll back to top action on clicking
   the next tab.
    Is there a way to automatically scroll to top as you navigate 
   between tabs, a scroll back to top when you click on next tab? Thanks and best
   regards

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Plugin Support [Abid Hasan](https://wordpress.org/support/users/abidhasan112/)
 * (@abidhasan112)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/ea-tabs-widget/#post-15006020)
 * Hi [@planetboris](https://wordpress.org/support/users/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/](https://essential-addons.com/elementor/docs/custom-js/)
 * Thank you!
 *  Thread Starter [planetboris](https://wordpress.org/support/users/planetboris/)
 * (@planetboris)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/ea-tabs-widget/#post-15006082)
 * 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
 *  Plugin Support [Abid Hasan](https://wordpress.org/support/users/abidhasan112/)
 * (@abidhasan112)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/ea-tabs-widget/#post-15010195)
 * Hi [@planetboris](https://wordpress.org/support/users/planetboris/) ,
 * Yes! The above JS snippet will also work for Tablet and Mobile as well.
 * Thanks!
 *  Thread Starter [planetboris](https://wordpress.org/support/users/planetboris/)
 * (@planetboris)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/ea-tabs-widget/#post-15010207)
 * 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
 *  Plugin Support [Abid Hasan](https://wordpress.org/support/users/abidhasan112/)
 * (@abidhasan112)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/ea-tabs-widget/#post-15014985)
 * Hi [@planetboris](https://wordpress.org/support/users/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!
 *  Thread Starter [planetboris](https://wordpress.org/support/users/planetboris/)
 * (@planetboris)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/ea-tabs-widget/#post-15017237)
 * 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

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘EA Tabs widget’ is closed to new replies.

 * ![](https://ps.w.org/essential-addons-for-elementor-lite/assets/icon-256x256.
   gif?rev=3182943)
 * [Essential Addons for Elementor - Popular Elementor Templates & Widgets](https://wordpress.org/plugins/essential-addons-for-elementor-lite/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/essential-addons-for-elementor-lite/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/essential-addons-for-elementor-lite/)
 * [Active Topics](https://wordpress.org/support/plugin/essential-addons-for-elementor-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/essential-addons-for-elementor-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/essential-addons-for-elementor-lite/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [planetboris](https://wordpress.org/support/users/planetboris/)
 * Last activity: [4 years, 5 months ago](https://wordpress.org/support/topic/ea-tabs-widget/#post-15017237)
 * Status: resolved