Website Development in Hindi #18: Scroll To Top Functionality with JavaScript and CSS only

Thapa Technical
Thapa Technical
6 Video Views·Apr 8, 2022

Welcome guys, Today in this video we are going to add scroll to top functionality to our website.

What is scroll to top functionality?

Adding a sticky scroll-to-top button to your website adds further ease of navigation to your website by allowing a user to scroll to the top of any given web page with the click of a button.

We will add this functionality using JavaScript.

First of all, we will create an element in JavaScript. Then will create a class and add an icon in the div. After that, we will include this icon in the HTML file and give onclick functionality.

👉 Website Development Course Playlist: https://youtube.com/playlist?list=PLwGdqUZWnOp2jmYb2TQGYgBYp0xGwj9V1

♥ Free Source Code & Discord Server Link: https://www.thapatechnical.com/2022/03/web-development-course-in-hindi-in-2022.html

😍 Check my Instagram to Connect with me: https://www.instagram.com/thapatechnical

------------ TIMELINE --------------
00:00 Introduction
00:12 What is Scroll to top functionality?
01:51 Creating an element
03:44 Creating a class
04:34 Adding an icon in the div
05:19 Including icon in the html file
07:48 Styling the icon
11:01 Adding onclick event
13:08 Conclusion
13:38 Outro