Menu scroll to anchor point is way off

Hello,
I have a small web site that has a great deal of content on the home page, so the navigation menu includes several ‘chapter’ anchor points to scroll to, but the scrolling is way off in most cases. Sometimes it’s offset a whole screen’s worth of content or more so that the chapter title is not even showing once the menu item is clicked. I’ve read that the lazy load setting for images can disrupt the accuracy of the anchor scroll and I set many of the images to load when the page loads, but that didn’t seem to have much of an effect. Can anyone help me with this?

Thank you!


Here is my site Read-Only:
https://preview.webflow.com/preview/bpireport-org?utm_medium=preview_link&utm_source=designer&utm_content=bpireport-org&preview=33224001f96898f6ff35b7045c962a75&workflow=preview

Hey!

There seems to be some issue with where you are applying your anchors (I can’t seem to find where you’re adding them).

Adding an anchor will align the TOP of your screen with the TOP of the content you’ve applied an anchor to - in this case, I tried adding the anchor to this image block here, and this is where it took me.

Hey!

I think there is smarter way to do this.

https://webflow.com/made-in-webflow/website/sticky-faq?ref=made-in-webflow-search&searchValue=faq

https://webflow.com/made-in-webflow/website/punchlist-docs?ref=made-in-webflow-search&searchValue=faq

Checkout these cloneable project.

Or you can do this in one page without using multiple pages. Then you can use anchor to the topic.

https://section-navigation-style.webflow.io/#section-1

https://webflow.com/made-in-webflow/website/section-navigation-style?ref=made-in-webflow-search&searchValue=faq

Let me know if this help you.

Thanks for replying. No, the IDs are located in the correct place. In fact I’ve added sections for each chapter, with all chapter content in these sections, and the anchor point for each (the element ID) is correctly assigned. I think it has more to do with the amount of content on the page and the lazy load setting for the images, but I’m just not certain why the scrolling is so far off. Any other thoughts?
I’ve made numerous updates, so here’s the share link again, if needed:
https://preview.webflow.com/preview/bpireport-org?

utm_medium=preview_link&utm_source=designer&utm_content=bpireport-org&preview=33224001f96898f6ff35b7045c962a75&pageId=64b1b7d7b69dd7c342a5d1e3&workflow=preview

Thanks @junglegymco but I don’t understand what you’re suggesting. I am not going to redesign any of the navigation. My question is how to get the current anchor points to work correctly. It’s a pretty simple function and has always worked for me on other projects. I’m guessing the sheer amount of content is throwing it all off. Any thoughts about how to get the current page to work properly?

Hey

Currently you are using different pages and one navigation.
But if you see the suggested webflow template is best way to do this.
You can use
https://webflow.com/made-in-webflow/website/section-navigation-style?ref=made-in-webflow-search&searchValue=faq
this template. see preview first.
It is ready to clone template.
Let me know if you still have questions.