Issue with Scroll Accuracy When Opening Links in New Tab

Hello,

There’s another script in your theme that handles page scrolling. Please do the following and let me know so I can check it:

Go to plugin settings and set the “Offset” option value to:

200

Scroll down on the settings and enable “Prevent other scripts from handling plugin’s links” option.

Save changes and let me know

Hello,
Thank you for quick response. we have done the following as you requested:

Go to plugin settings and set the “Offset” option value to 200: https://prnt.sc/SqHgmO_R0aLh

Scroll down on the settings and enable “Prevent other scripts from handling plugin’s links” option: https://prnt.sc/GunQjC4AQITt

After saving these changes we have checked the issue again and it is still not resolved.

No problem ??

It seems to be working correctly for me. For instance when I click “About Inuit” > “Introduction” it goes to the exact place as when I go to: https://staging7.itk.ca/about-canadian-inuit/#intro directly.

Which page/links are you testing?

We have checked it again and it is still not working. please check this page which we mentioned in our initial comment: https://staging7.itk.ca/projects/inuit-nunangat-food-security-strategy/

Please note issue occurred when we open it in new tab instead of clicking on the link. check this video for a visual reference of the issue: https://tinyurl.com/24fyd37t

Please check and let us know asap the solution for this issue.

I see. It seems the sticky menu changes the document height while the page is scrolling. Go to plugin settings and enable “Verify target position and readjust scrolling (if necessary), after scrolling animation is complete” option. Save changes, test and let me know.

We have enabled the setting you mentioned and tested again but the issue is still persisting. and we also test by enabling the section option below the one you suggested but that also did not worked. check this screenshot for reference: https://prnt.sc/BxgOIuDN242b

And yes the issue is changes in the hight of sticky portion at the top while page is scrolled. check this video for visual reference: https://tinyurl.com/2y3ntspr

Please check and let us know ASAP the solution for this issue.

Did you changed the option for https://staging7.itk.ca/projects/inuit-nunangat-food-security-strategy/? I checked the settings in the page and the option is not enabled.

I have also found the issue caused by your theme’s CSS. There’s a pseudo element (:before) with a negative margin when a hash (#id) is in the URL. I don’t know why this is there but this is what causes the inconsistency between clicking the menu link and going directly to the URL with the hash.

Also, you should bypass the height changing of the sticky menu via CSS. So, to do this and deal with the pseudo element, add the following to your CSS:

#fws_6628b0a1f3d6d.sticky-rows + #what-is-it {
    margin-top: 71px;
}

._mPS2id-t:target:before{
	height: 0;
	margin-top: 0;
}

Let me know