link from menu opens tab but doesn't scroll down

  • Resolved Betsy

    (@bethbacken)


    7 years, 11 months ago

    I have installed tabby on a dev site (not publicly visible) to see if it will work for my situation. The theme I’m using (Bridge theme) has tabs through bundled Visual Composer plugin but you can’t open the tabs from a menu link.

    After installing Tabby, and testing the menu link http://myurl.com/?target=tab-name as shown in your example, I found that it does open the correct tab, but it does not scroll to that part of the page, rendering the opening of the tab useless. Is the plugin supposed to scroll down? Is this a theme conflict? or does the plugin not scroll to the part of the page the tab is on?
    I see that there is an add on to scroll within the same page, but doesn’t sound like that would help if the link is inside a menu, right?

    Thanks in advance!

    https://wordpress.org/plugins/tabby-responsive-tabs/

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

    (@numeeja)

    7 years, 11 months ago

    The target URL parameter was added to the tabby shortcode as a way to enable a specific tab to be open on pageload when the ‘target’ URL parameter/value was present in the link it was opened from. No provision was made for the page to scroll to the tab.

    You can however use a fragment identifier in the URL to target a named anchor in addition to using the URL parameter.

    To do this add a named anchor to your page immediately before the first tabby shortcode of the tab group. You can use anything you like as the name as long as it is unique on the page.

    eg:
    <a name="mytabgroup"></a>

    As there is nothing between the opening and closing <a> tags, this element will not be visible on the page.

    Then, adding the fragment identifier to your link with the name of the anchor will open the page with the position of that anchor scrolled to the top of the browser viewport:

    http://myurl.com/?target=tab-name#mytabgroup

    A link formatted like this can also be used within a custom link in a menu.

    This is different to the link to tab add-on which is designed to enable a link to be made to open a tab on the same page and scroll to the tab group without reloading the page.

Viewing 1 replies (of 1 total)
  • The topic ‘link from menu opens tab but doesn't scroll down’ is closed to new replies.