Smooth Scroll with JavaScript

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: https://codepen.io/Coding_Journey/pen...

Easing Functions: http://gizma.com/easing/

Support the Channel 💙☕🙏
PayPal: https://paypal.me/CodingJourney

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

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

Codepen: https://codepen.io/Coding_Journey/
Twitter:   / codingjrney  
Email: codingjourney123@gmail.com

Subscribe 💖
   / @codingjourney