Uploaded April 2022 | Updated September 2026, 2 hours ago

---

In this quick tip, you'll learn to create animated anchor links using CSS scroll-behavior property.

🔗 Codepen demo: codepen.io/ZoranJambor/pen/wvpRrPr
🎓 scroll-behavior property: developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior

Chapters:
00:00 Introduction
00:13 Setup
00:35 Creating a navigation menu
02:57 How scroll-behavior works
03:38 JavaScript demo using scrollTo() method
04:09 Conclusion

Subscribe to CSS Weekly Newsletter:
💌 css-weekly.com

Keep up-to-date with CSS Weekly:
👉 Twitter: twitter.com/CSSWeekly
👉 Instagram: instagram.com/cssweekly
👉 Facebook: facebook.com/CSSWeekly

Keep up to date with what I'm up to:
🔗 Blog: zoranjambor.com
👉 Twitter: twitter.com/zoranjambor
👉 LinkedIn: linkedin.com/in/zoranjambor

- Zoran Jambor

#css