Jumping tab positions on expanding

  • Resolved dagicueppers

    (@dagicueppers)


    7 years, 9 months ago

    I am using the “Tabby Responsive Tabs” plugin with the “Tabby Load Accordion Closed” and “Tabby Responsive Tabs Customiser” extensions installed.

    Everything works the way I would like it to, with one exception: If a user has already expanded one tab and clicks to open another one, the position of the tabs jumps irrationally. Please see the behavior on the live site, much easier than explaining: https://www.threeriversayurveda.com/faqs/

    Is there any way this can be fixed?

    Thank you very much in advance for any help.
    ~Dagi

Viewing 1 replies (of 1 total)
  • Plugin Author cubecolour

    (@numeeja)

    Thank you for providing a link so I can see the issue you have described. The way the page scolls is not actually random as the scrolling would normally postition the selected content within the viewport, however due to the theme having a fixed header, the height of this is not taken into consideration when the scroll position is calculated.

    A possible workaround would be to add an additional offset to the calculated scroll position. I wouldn’t normally suggest editing a live plugin, however I think this is currently the best option for a possible. This will be a very tiny and easily reversed change which should not have any adverse effects.

    To make this change, you would edit the tabby.js file in the Tabby Responsive Tabs plugin.

    Look for the following line (it should be line 182)
    var newActivePos = ($tabHeading.offset().top) - 15;

    Then change the value ’15’ to a larger number. A value of around 100 might work, but you should probably be able to find an appropriate value with a little experimentation.

    I will put it on to my to-do list to investigate whether there might be a better solution to this scenario which can be included in a future version of the plugin.

Viewing 1 replies (of 1 total)
  • The topic ‘Jumping tab positions on expanding’ is closed to new replies.