[RadModerator]

Hi Ulrich,

This fix is not related to that other thread. This simply stops the animation and could be added along with those other fixes. Just add it on the very end and no need to merge it with other existing codes.

Though, since it’s not working at your end. Then please provide your url address that has this issue. If it’s under construction, then you may start a new thread and provide the login there as private.

Thanks!

[ellisonengeniusParticipant]

I tried this code but it didn’t help my situation. When you click on a tab on this page, it jumps to the bottom of the page, beyond the actual content of the tab…

http://www.starmakers-dance.com.php53-15.ord1-1.websitetestlink.com/dance

[ChristopherModerator]

Hi there,

Please add this code :

jQuery( function($) {

$(document).on('click', 'li.vc_tta-tab a', function( e ){
$('html, body').stop();
});

});

I tried it and it worked on your site.

Hope it helps.

[ellisonengeniusParticipant]

Thanks for the quick reply! However, it doesn’t seem to be working. 🙁 Or I should say it doesn’t work consistently. Some tabs still scroll too far…

[ZeshanMember]

Hi there,

Please use this code instead:

jQuery(document).ready(function($) {
  if ( $('html').hasClass('touchevents') ) {
    $('.vc_tta.vc_general .vc_tta-tab > a').off('click touchstart touchend');
  }
});

Thanks!

[ellisonengeniusParticipant]

No luck. 🙁

[ZeshanMember]

Hi there,

Please try this code instead:

jQuery(document).ready(function($) {
   $('.vc_tta.vc_general .vc_tta-tab > a').off('click touchstart touchend');
});

If it doesn’t work either, kindly open a separate thread and provide us with your WordPress login credentials in a private reply so we can take a closer look to the issue.

Thanks!

[ellisonengeniusParticipant]

OK – new thread opened. Thanks.

[JadeModerator]

Hi there,

Thanks for that.

[france-delavieParticipant]

While the above code works for desktop, it doesn’t work for mobile. I inspected mobile with chrome dev tools using a USB cable and I can click the <li> hit area and it works as it’s supposed to, but hitting the <a> will make it scroll. I find the solution hackish to begin with. I don’t want tabs to scroll at all, in any circumstance. I don’t know why they even attempt to scroll to begin with.

[Paul RModerator]

Hi,

You can try this code instead.

jQuery( function($) {

$(document).on('click touchstart touchend', '.vc_tta-tab,.vc_tta-tab  a,.vc_tta-tab li', function( ){     
      $('html, body').stop();
});

});

Hope that helps.

[RadModerator]

Hi there,

You can try this one,

jQuery(document).ready( function($) {

setTimeout( function() {

$('.vc_tta.vc_general .vc_tta-tab > a').off('touchstart touchend');

}, 300 );

} );

You can also start a new thread and provide your URL. Not all setup are the same, your issue maybe need a different workaround.

Thanks!

[Author]

Posts