Problem with Page Scroll to ID and tabs

  • Resolved fancolj

    (@fancolj)


    6 years, 1 month ago

    Hello. I have a problem with Page Scroll to ID and Tabs from other plugin (Kadence Blocks). When I create tabs and click at any my website is automatically scrolling up to top of the first tab. This is probably because tabs use “#”.

    But the problem is deeper: I tried to disable and/or remove Page Scroll to ID completely – but the problem… still exists. Looks like some setting form Page Scroll to ID are stored somewhere and I can’t delete them.

    I tried on new wordpress site these two plugins (Page Scroll to ID and Kadence Blocks) and problem exists. But on the fresh wordpress when I disabled PS2ID tabs were working fine.

    I’ve made some test sites (password: tabs)
    https://sebastianchudziak.pl/tabs-test3/
    https://sebastianchudziak.pl/tabs-test2/
    https://sebastianchudziak.pl/tabs-test/

    Here you can see how does it works. I tried deleting cache, refreshing website and even creating new post with tabs after deleting PS2ID – this strange auto-scroll behaviour still exists.

    My question is where all the settings of PS2ID are stored? Or how can I delete this conflict? I tried many settings changing in PS2ID and something worked for a moment, but I wasn’t able to realise what.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author malihu

    (@malihu)

    Hello,

    I just checked your test pages.

    The issue with page scrolling when clicking on the tabs seems to come from this script:

    ...plugins/table-of-contents-plus/front.min.js

    i.e. table-of-contents-plus plugin. If you remove this plugin the problem will be fixed.

    “Page scroll to id” settings and all data are stored in a single field which is deleted when the plugin is uninstalled. The plugin does not leave any trace or setting behind. Basically, when you uninstall “Page scroll to id” it was like it was never there.

    If you want to have “Page scroll to id” activated without affecting the tabs, you just need to exclude them from its selector. You can do this by going to “Page scroll to id” settings and change the “Selector(s)” option to:

    a[href*='#']:not([href='#']):not([href*='#tab-'])

    Let me know if this helps ??

    Thread Starter fancolj

    (@fancolj)

    Dear @malihu, thak you very much – it helped.

    I was right – the problem was with PS2ID but ALSO with Table of Contents+. Turning off TOC+ and keeping PS2ID on makes tabs to auto-scroll, but changing selector which you wrote about fixes this.

    So now I need to solve a conflict between TOC+ and Tabs – I’ll look into TOC+ support.

    Thanks one more time!

    Plugin Author malihu

    (@malihu)

    You’re welcome ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Problem with Page Scroll to ID and tabs’ is closed to new replies.

Tags