Smooth scroll to anchor

Hello,

1. Add a custom ID in the section you want to scroll. For example “my-id”.
2. In Appearance > Menus, create a custom menu item with url your ID so “#my-id” and add the text you want.

When you will click on that link in your menu, you will be redirected smoothly to your section with the same ID.

• This reply was modified 7 years, 6 months ago by oceanwp.

So smooth scroll is enabled by default? Interesting since it’s not working for me haha.

I will try to remove certain JS code that fixes some strange behaviour on iPhone, I’m sure that code is disabling smooth scroll since it should be working transparently.

I’ll get back with the result.

Oh yes, it’s my fault – as soon as the code was removed, smooth scrolling started working.

Since I’m here already… Is there any way to add offset for smooth scroll?

What do you mean for the “offset”?

Offset, popular with smooth scroll solutions out there. Script scrolls to diseride anchor but offsets scroll by desired value.

Usually used in cases when there’s a fixed header on top of the page – without offset the header would cover the position of anchor.

Detailed example: https://www.youtube.com/watch?v=bccfOoBztTk

I thought you meant something else ??
Yes the offset is automatically added depending on the size of the header (if using Ocean Sticky Header), top bar and admin bar.

Is there a way to manually control desired offset to a certain link? I’m not using standard header so that would be helpful ??

If not, this will do just fine for now.

There is no options like that, sorry.

Thank you for your help! ??

You’re welcome ??