Visual Composer Tabs Animation sroll

Support
#1

Hello,

I had problems with tab animation on one of our sites 2 years ago and the following JS code had worked. However, for some time it has not worked.
The article that gave me the solution: Visual Composer Tabs Animation

Here is the site page : https://www.location-mazets-provence.com/

Thanks in advance

My configuration:

  • Wordpress 5.4
  • Theme X Version: 7.2.3 (With child-theme)
  • Visual composer Version 6.1

Javascript solution used:

jQuery( function($) {
	$('.vc_tta-tab a').on('click', function( e ){
		setTimeout( function() { 
			$('html, body').stop().stop();
		}, 100 );
	});
	$(document).ready(function() {
		$('.vc_tta.vc_general .vc_tta-panel-title > a, .vc_tta.vc_general .vc_tta-panel-title > a, .vc_tta-tab a').off('click touchstart touchend');
	});

});
#2

Hi @declic57,

Thank you for writing in, that thread is way back from 2017 since you have updated everything to the latest version. Would you mind removing that JS from your site and let the tab works natively.

If the issue persists, please do testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Cheers!

#3

Thank you for answering.

I had already tested by removing the JS code and disabling all plugins (except Cornerstone and Visual composer) but the problem persists.

I also created tabs with Visual Composer on another site with the theme X and the problem is the same.

The next topic talks about the same problem but only offers to downgrading the theme X and visual composer what I don’t like … Tabs keep on scrolling to bottom of document
An other idea ?

#4

Hi @declic57,

We’re sorry you’re having this issue. Although, custom code is not recommended anymore at this moment because yes it might stop working in the future if there is changes on the plugin itself.

To avoid a future conflict with the easy fixed, we need to investigate the actual issue and if confirmed, we will submit it instead to the plugin developer for a proper fixed. I did some testing on my local using the same latest version and it seems working for me: https://screencast-o-matic.com/watch/cYfUo3BlWw

The difference with your setup is, I think you have layerslider inside it. It’s been awhile ago since we stop recommending adding any elements that uses javascript/jquery inside the tabs to avoid conflict. This is because tabs can be hidden on load, and slider added in it might needs jquery calculation which might be faulty when the main container where it reside is hidden.

Would you mind testing tab element without slider? We just need to cover all possible issues here. Thank you.

#5

Thank you for your reply.

Without the slider the result is identical.

However I have observed that the bug only occurs if the content exceeds the window (bottom). If the text is short, as in your video, the bug does not occur since the page does not need to scroll.

#6

Hello @declic57,

We will let the creators of this plugin know about this so that they can investigate further. By they way, can you please provide us access to your site so that we can check your tab content settings? Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/docs/getting-support

Thank you for your understanding.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.