How can I trigger a scroll to the top of my page with a click event in Maker?

1

Tip! Use this workflow if Maker content sits below content coming from your own CMS and you want a click event in Maker to take the user back to the top of your page.

2

Click on the element you wish to use to create the click event. This can be a button, image, text, or textbox.

How can I trigger a scroll to the top of my page with a click event in Maker? — step 2

3

Click "Add link"

How can I trigger a scroll to the top of my page with a click event in Maker? — step 3

4

Click on Trigger Custom Javascript.

How can I trigger a scroll to the top of my page with a click event in Maker? — step 4

5

Insert this Javascript: window.scrollTo({

top: 0, left: 0, behavior: 'smooth' });

How can I trigger a scroll to the top of my page with a click event in Maker? — step 5

6

Click "Done"

How can I trigger a scroll to the top of my page with a click event in Maker? — step 6

7

Tip! top: 0 means to scroll to the top of the page. This can be adjusted to top: 200, for example, if we want to scroll 200px from the top

PreviousWhat order should I follow when designing and formatting breakpoints?

NextHow can I open only certain links in a new window/tab?

Last updated 1 month ago

Was this helpful?