Exclude CSS Selectors

Hi,

You can change the “Selector(s)” option in plugin settings and include only specific links (i.e. the links you want). For example, you can change the “Selector(s)” value to:

.menu-item a

to have the plugin enabled only on menu links.

You can also use the :not() CSS selector in “Selector(s)” option. For instance:

a[href*='#']:not([href='#']):not(.some-class)

will exclude links with the class “some-class”.

For example, in Avada theme, in order to exclude the toggles, you could use the following “Selector(s)” value:

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

The next plugin version (1.6.5) will have a dedicated option for excluding selectors. You can test it now by downloading and activating plugin’s development version:

https://downloads.www.ads-software.com/plugin/page-scroll-to-id.zip

You can safely use plugin’s development version as it’s fully working, has all the new features and will be normally updated when version 1.6.5 is released.

Thank you SO much for the quick reply – this is exactly the info I needed. Thank you for such a great plugin ??

You’re welcome ??

This is really kind of you to make the next version available, however, my jQuery UI tabs are still jumping even after installing the version you have kindly shared… I am going bananas already trying to solve this… What could I be doing wrong?

@halfy80 In excluded selectors field, add the following selector (preceded by comma):

, a[href^='#tabs-']

Let me know if it worked

First of all, thank you so much for replying so quickly, second…. it kinda worked, it does not jump anymore, but it also doesn’t scroll anymore, it just moves from id to id without scrolling, like if it was a new page…. ??

@halfy80 I thought that you wanted it not to scroll. Switching tabs without scrolling the page is the expected/normal behavior. Did you want to scroll the page smoothly when clicking a tab?

If yes, I need to know the “Selector(s)” option value in your plugin settings.

• This reply was modified 5 years, 11 months ago by malihu.

I want to scroll, but only the panels. In one of the panels I have tabs, and when you switch the tabs, the things jumps up, and that is because the thing understands that the tabs are a panel, but they are not… that behaviour is the one I want to remove…

@halfy80 I can’t really help unless I see your page. Can you post your URL?

yes, of course, thank you so much for being so kind:

https://lucilebraucks.com/airbox/

everything works great until you go to case studies, there when you click on a tab, it jumps up… I was wondering if there is a way for the tab links not to be interpreted as scrollables… ??

@halfy80 Go to “Page scroll to id” settings and add:

, a[href^='#tabs-']

at the end of the excluded selectors option field. Just copy-paste the selector (with the comma) and insert it at the end (keeping the existing selectors).

Click save changes and test the tabs. Let me know when you do the change.

Love you, Malihu!!!!! It worked!!!!!

@halfy80 Awesome ?? Thanks for the feedback.