The smooth scrolling effect, helps improve User Experience (UX) while navigating through different locations in a Web Page.

Learn how to add, cross-browser compatible, smooth scrolling to your Web Pages with Vanilla JavaScript.

Table of Contents:
00:00 Introduction
06:45 Approach #1 - window.scrollTo(options)
11:35 Approach #2 - element.scrollIntoView(options)
16:25 Approach #3 - window.requestAnimationFrame(callback) & window.scrollTo(x-coord, y-coord)

Code for this Project:

Easing Functions:

Support the Channel 💙☕🙏

Affiliate Links*
Bluehost Web Hosting:

*By making a purchase through any of my affiliate links, I’ll receive a small commission at no additional cost to you. This helps support the channel and allows me to continue creating videos like this. Thank you for your support!

Suggested Videos:
Responsive Navbar with HTML, CSS and JavaScript:
Smooth Scroll with CSS:
JavaScript Loops:

Thanks for watching! For any questions, suggestions or just to say hi, please use the comment section below!


Subscribe 💖

#javascript #ux

Smooth Scroll with JavaScript
1.85 GEEK