Streaming live at 10am (PST)

Scroll to section links not working on published site

Hey Guys,

I’m having an issue where my scroll to section buttons (in my header nav) work in preview mode, but once I publish the site the links don’t work at all?

Any help would be greatly appreciated!

Thanks,

Read only link here:
https://preview.webflow.com/preview/goodfolk-studios?utm_medium=preview_link&utm_source=designer&utm_content=goodfolk-studios&preview=7d37a65c32f65ecb82d826352e66fd75&mode=preview

Hey ho Dylanbyfoster!

Thanks for asking :slight_smile:
I see that you are using a smooth scroll library, however - your implementation is throwing a lot of errors!

Webflow provides a way to scroll automatically to anchors (meaning ID’s of elements).
First, give an element that you want to be scrolled to as an anchor by giving it an ID. You can do that in the “Element Settings Panel (d)”:

image (You already know that!)

Now you can select that element as a target in the link settings of any link text or link block:
image

If that link is klicked, the page scrolls to the top of that element!
You can only select anchors on that very same page!

Try implementing this first, without using the smooth scroll, this library overrides the browsers viewport position constantly.
Also, you are importing two different scrolling libraries, I’m not sure this is intentional? It seems they don’t work very nice together, try only using one!

Hope this helps a bit :slight_smile:

1 Like

Amazing, thank you @RDaneelOliwav. You’re solution has worked :slight_smile:

Glad it worked :slight_smile:
Looks real nice, what you crafted there!

It’s probably not done yet, but your home link in the nav does not redirect to the home page on the service page

The console still logs errors on every scroll:

Try updating the jquery.scrollify.js to version 1.0.20! The error is probably due to a recent update in chrome.

If your original question was answered by me, I’d be happy if you marked it as the solution <3

Keep up the good work :slight_smile: