just to add to the above..
I have an accordion set halfway down my page. I’ve set them to all be closed on page load by way of a change the the tabby.js as you suggested in another thread (I know core edits shouldn’t be done but if it’s the only way then I need to do it and I have the new version and the original as backup).
So they are all closed halfway down the page. Click on tab one, all opens great, click on tab two or three and they open and page slides to the top of the browser window. I need to stop this happening as it’s really annoying as it make the page jump around.
Is there a way to prevent this can you advise please?
Thanks!
The plugin is designed so that the selected accordion section is scrolled into view. If this is not what is occurring for you, please provide a link to the page on your site where I can see what is happening.
OK well I guess that’s what’s happening then. All the tabs would be in view with room to open as they are only small, sometimes the page does stay still on opening the tabs (when the page has first loaded) but then after a few clicks it will start sliding the page up to bring the active accordion the top of the browser window.
The page is currently in dev so not public. Is there a private contact point where I could send you a log in to view it please?
Thanks!
I’m afraid I can only provide free support where all of the support is open and on this forum as private support including communication off the forum and logging onto a site counts as consultancy.
Saying that, I’m happy to help where I can
If you want to remove the scrolling behaviour described, I think this should acieve that:
Find the following bit of code in tabby.js and delete it or comment it out:
//scroll to active heading only if it is below previous one
var tabsPos = $tabs.offset().top;
var newActivePos = ($tabHeading.offset().top) - 15;
if(oldActivePos < newActivePos) {
$('html, body').animate({ scrollTop: tabsPos }, 0).animate({ scrollTop: newActivePos }, 550);
}
that’s great thanks, I’ll give it a whirl tomorrow
nice one 🙂
Hi There,
Piggy-backing on this old support post, but I’m having a similar issue and commenting out that code didn’t seem to resolve it. An example of the issue exists here: http://www.negribossi.com/en-uk/products/toggle-2/evesta/
If you scroll down so that the tabs are towards the top of the browser and then click on the tab “features”, it jumps you back up to the top of the page. If you scroll down to read the contents of the features tab and then click “controller” it jumps you back up to the top of the page. Is there another way to fix this? I think it should stay static so you don’t have to scroll down again each time, right?
Thank you!!
Hi There,
Just checking in on this, would you happen to have any ideas on how I can resolve this issue? Thank you!
laurenbush85, Your question is about something different to the this topic, so the answer given above would not apply to your site.
Also this topic is set to resolved, so I did not notice your previous post and may not notice subsequent posts. Because of this ans as your question is not relevant to the original topic, rather than take this one off at a tangent, please start a new thread for your question.
Please ensure that you are not using an edited version of the plugin, and that any CSS customisations made to the tabs are made as outlined in the plugin documentation.
OK sorry if I posted in the wrong place, I’ll start a new post. Thanks so much!
