ScrollCK breaks bootstrap tabs

Hi,

I am using some bootstrap tabs in a website. The theme i build with TemplateCreatorCK using Bootstrap, combined with ScrollToCK plugin. But it seams the scrolltock plugin breaks some bootstrap tab functionallity.

Here are my issues:

1. When enabling scrollto plugin, the active tab does not load on page load.
2. When I scroll away from an active selected tab, the tab becomes inactive.

Please see attached screenshot. The first item should be active. Tab content should be inside white container.

How can I fix this?
I would like to keep using the ScrollToCK plugin.


Thanks

Hi
how are you creating your tabs ? I don't see any extension nor code
have you tried using the tabs in Page Builder CK ?
CEd

Hi,

I am creating them manually like described here on w3schools .
I prefer not to use pagebuilderCK to minimize the inline styling. The tabs work fine when ScrollToCK is disabled.

Here is my html base, cleaned it up for your convenience
Any ideas how to fix it?

Thanks for the assist

ok, I have tested by my side
- copied your code
- installed and enabled scrollTo CK plugin
and it works.

(tested with the code into an article and into a template)
Are you sure that the code is the same ? Can you test with copy/paste this code into another article ?

Hi,

So I tried that. And indeed that works.
Then I also added a module on that same page with some tabs. Also works great.

But then I add a link with "scrollTo" class inside the same module and it breaks.
I tried also inside article,.. same thing.

Please test this code to replicate the issue:

NOTE:
The scrollTo link inside the module only breaks the tabs inside the module.
And the link inside the article only breaks tabs inside article.


Extra comment:
It seams adding an extra closing </div> after the link fixes the issue. But only when the link itself is allready inside a div.
So when using a scrollTo class inside a link like in the below example, it seams to work fine:
Correction:
Just noticed that adding an extra </div> only works if the link is before the tabs, not after the tabs.
No problem in my case though. Just informing you.


Thanks

I don't understand everything here ... why should we add an extra </div> ? is there something wrong in your code ?
the plugin only adds a <a> tag in the body, some JS and CSS code in the page, nothing more