Anchor link bug/issues

Hi! I am looking for some help on this issue.
This is my portfolio website : https://preview.webflow.com/preview/varun-sharda-design?utm_medium=preview_link&utm_source=designer&utm_content=varun-sharda-design&preview=c80400f2df1f9692fac50293696eca42&pageId=6162bb1e5c67da834d0a56d2&workflow=preview

The issues I am facing are:

Issue1- Anchor link named “Projects” on the homepage navbar, it scrolls down to the section on clicking but once the section is reached, I cannot scroll back to top.

Issue2- Same anchor link when clicked on the “about” page, it comes to the homepage and takes me to a random empty space which is very weird.

I would really appreciate some help on this.
Thanks.

Hi @Varun_Sharda, I hope you are doing well and thanks for the post.

I took a look and it looks like some of the link settings and element IDs may need to be looked at a bit further, I made a quick video:

I hope this helps

Hi Dave, thank you very much for you response. I think I mistakenly sent you the wrong configuration of the links. But then I tried everything you said and the issues still persist.
I have tried Chrome, firefox and opera and all are behaving the same. Can you please look into this.

https://preview.webflow.com/preview/varun-sharda-design?utm_medium=preview_link&utm_source=designer&utm_content=varun-sharda-design&preview=fd13b579b6bf48e2e065addd032a37a1&pageId=6162bb1e5c67da834d0a56d2&workflow=preview

I have given the class name of the section and ID both as “casestudies” and configured the links accordingly but no luck.

Hi @Varun_Sharda, thanks for your reply. Is the issue only happening in the published site or in both the designer and published site?

From the designer I can see you are also using custom code with the locomotive scroll plugin, so that can be affecting the normal page scroll on the published site as custom code is only rendered on the published site.

I would remove that code or comment that script and test again to see if the normal scrolling behavior works and the correct section loads from from the About page.

In the designer on the home page, the section scrolls fine for me to the Projects section with the #casestudies ID in Chrome.

On the About page, the projects link is set with a URL link type, so will navigate directly to the section with the casestudies ID on the home page. I would also add ‘https://’ to the link:

Shared with CloudApp

After that change republish the site to check the results.

It might also be helpful for you to share a screencast of how the scroll or anchor linking is not rendering as expected.

Thank you Dave for your support so far. I have made a loom video explaining what is happening, you may have a look at it here: https://www.loom.com/share/afc7a013ed164edcb9af523e68aa79df

Read-only link to my site: https://preview.webflow.com/preview/varun-sharda-design?utm_medium=preview_link&utm_source=designer&utm_content=varun-sharda-design&preview=e29063b55c78819956b6b16c20585f81&workflow=preview

Hey! Can anyone help me with this, please?