Javascript & CSS Back To Top Button
Welcome back to another of my 30 Days Of Frontend Challenges videos. In today's frontend challenge, we're going to build an animated back to top button. We'll have the button hidden by default, but once the user starts to scroll, we'll hide it. When the user clicks it, we'll animate the page back to the top.
My website
https://www.pixelrocket.store
Download project files (you need this if you want to code along):
https://www.dropbox.com/s/v2hzlar1pv67f5n/Day%20Eight%20-%20Back%20To%20Top%20Button.zip?dl=0
30 Days Of Frontend Playlist
https://www.youtube.com/playlist?list=PLCvPStjGyw0eIMVhkIyy7Xyu90vNZwjPr
Window.scroll function
https://developer.mozilla.org/en-US/docs/Web/API/Window/scroll
Timestamps
0:00 Intro
1:55 Setup Button HTML
2:50 Setup Button Styling
7:30 Setup Button Javascript
-
LIVE
The New American
1 hour agoThe New American Daily | Another Mega-hurricane Bears Down on Florida
686 watching -
1:07:10
Russell Brand
4 hours agoHillary Clinton DEMANDS Free Speech CENSORSHIP CRACKDOWN – Rumble, X TARGETED! - SF469
95.5K284 -
3:02:32
Tate Speech by Andrew Tate
1 day agoEMERGENCY MEETING EPISODE 80 - WHY YOU LOSE
140K176 -
1:25:26
TheAlecLaceShow
3 hours agoGuest: Dr. Ben Carson | Butler Rally Interviews with Benny Johnson, Tim Pool + | The Alec Lace Show
17.5K8 -
19:23
Neil McCoy-Ward
3 hours ago🔥 Macron 'Preparing For War' As French Troops Given 10 Days To Reach Romania...
15.1K4 -
59:25
The Dan Bongino Show
6 hours agoThis Is Easily The Worst Interview I've Ever Seen (Ep. 2345) - 10/08/2024
689K5.27K -
1:04:20
The Rubin Report
4 hours agoWatch Kamala Get Visibly Angry as ‘60 Minutes’ Host Asks Unexpected Questions
82.2K68 -
2:03:05
Matt Kohrs
16 hours agoStock Market Open: NEW HIGHS INCOMING! || The MK Show
58.6K12 -
40:06
-
2:00:28
LFA TV
18 hours agoTIME FOR TAKEOVER! | LIVE FROM AMERICA 10.8.24 11am EST
62.2K64