Community forum for knowledge and support

Updated last year

Achieving Smooth Scroll Animation for Table of Contents

At a glance

The community member has copied a component called "Content 27" from the Relume website, but the anchor scrolling in the "Table of contents" is instant and not animated. They have provided a link to their page and an example of the desired animation from the Finsweet website, and are asking how to achieve the same scroll animation. The comments suggest that the community member might have some custom code causing the jumping behavior, and recommend checking the page settings and a specific Finsweet hack. However, removing the hack did not fix the issue.

Useful resources

Hey! I copied component "Content 27" from the Relume website. When I click on a link in the "Table of contents" the anchor scrolling is instant and not animated. Link to my page: https://www.heywork.com/privacy

How can I achieve the scroll animation like in the example here: https://finsweet.com/attributes/table-of-contents

Thank you in advance! πŸ™

E
J
6 comments

Looks like you might have some custom code that's causing the jumping.

Thank you. Do you know which custom code might be causing it?

Check the page settings. Are you using a Finsweet hack?

This one:

Try removing that temporarily to see if it fixes it.

Removed it temporarily and unfortunately didn't fix anything

Add a reply
Sign up and join the conversation on Slack