Tutorial: Scroll To Top Button

Stolichnaya · September 23, 2023, 5:25pm

Hi,

How can I make an arrow button at the side of the website that will scroll to the top of the page?

2023-09-23_20-11-44

petrbilek · September 24, 2023, 11:00am

Simply put it as the link block, than add to the top bar section the ID forexample “welcome”
And set-up the scroll to section via link property

Stolichnaya · September 24, 2023, 11:22am

Sorry, I didn’t understand your explanation.

Can you please make a video about it?

Thanks

Pakic · September 25, 2023, 4:22am

Here is a tutorial

and here’s the code I used in video.

if (data.percent.top > 10) {
    $(".scroll-to-top").show().css("display","flex");
} else {
    $(".scroll-to-top").hide();  
}

Stolichnaya · September 25, 2023, 7:39am

Thanks a lot @Pakic

I love my new scroll to top button

Just another question please…

What if I want the button to be shown only when I am scrolling and when I am not scrolling it disappears?

I love the way you explain things, maestro! very easy to understand