Scroll to id from different page

Hi,

1)The “jumpy” behavior happens due to page layout (and content) and cannot be fixed within the plugin. Certain page elements (like video, images etc.) are loaded with a bit of latency (which is normal) and this makes the page “jump” before scrolling to the target.

We don’t have control on how the browser loads these elements or how the theme is laid-out. If you don’t want this behavior, the only thing you can do is to disable “Scroll from/to different pages” option (in plugin settings), so the page instantly jumps to the target (when coming from a different page).

2)The link is highlighted by the theme itself. You can bypass it by adding the following CSS rules in your custom/additional CSS:

.main-navigation .main-nav ul li[class*="current-menu-"]>a._mPS2id-h{
  background-color: transparent;
}
.main-navigation .main-nav ul li[class*="current-menu-"]>a._mPS2id-h:hover{
  background-color: #3f3f3f;
}

Another way to do it, is to edit your theme’s stylesheet and find/change the selector:

.main-navigation .main-nav ul li[class*="current-menu-"]>a{
    color: #fff;
    background-color: #3f3f3f;
}

to:

.main-navigation .main-nav ul li[class*="current-menu-"]>a:not(._mPS2id-h){
    color: #fff;
    background-color: #3f3f3f;
}

Hope this helps

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

2)For the links highlighting, change the CSS to:

.main-navigation .main-nav ul li[class*="current-menu-"]>a._mPS2id-h{
  background-color: transparent;
}
.main-navigation .main-nav ul li[class*="current-menu-"]>a._mPS2id-h:hover, 
.main-navigation .main-nav ul li[class*="current-menu-"]>a.mPS2id-clicked{
  background-color: #3f3f3f;
}

This will highlight the clicked link.

If you want to highlight the current section link (on-the-fly), change it to:

.main-navigation .main-nav ul li[class*="current-menu-"]>a._mPS2id-h{
  background-color: transparent;
}
.main-navigation .main-nav ul li[class*="current-menu-"]>a._mPS2id-h:hover, 
.main-navigation .main-nav ul li[class*="current-menu-"]>a.mPS2id-clicked{
  background-color: #3f3f3f;
}

1)Disabling “Scroll from/to different pages” option will indeed remove the offset etc. as this disables “Page scroll to id” from handling scrolling to the target on page load.

We can’t really do anything for the momentary jump when coming from another page.

What might work is the following:

1. Enable “Scroll from/to different pages” option
2. Set “Scroll duration” to 1
3. Add the following class to each one of your menu links (in Admin – Menus):
   ps2id-speed-1000

Doing the above will set the default scrolling duration to 1 millisecond (i.e. instant), so scrolling to/from other pages will scroll to the target instantly but with the offset we want. Adding the ps2id-speed-1000 class to the links, bypasses the default scroll duration (1) and sets it to 1000 so scrolling to same-page targets smooth (i.e. not instant).