Channel: Thapa Technical

Category: Education

Tags: web developmenthtmlscroll to top button javascriptjavascript

Description: 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: youtube.com/playlist?list=PLwGdqUZWnOp2jmYb2TQGYgBYp0xGwj9V1 ♥ Free Source Code & Discord Server Link: thapatechnical.com/2022/03/web-development-course-in-hindi-in-2022.html 😍 Check my Instagram to Connect with me: 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