10. Scroll to section

Requirements

• Header with navigation in it
• The navigation have at lest 3 links which scroll the user to different sections on the page
• Use only HTML and CSS
• ⭐ The scrolling effect is animated (smooth scroll)

Design preview

Personal preference

Resources

• Smooth scroll

Learn more

• Scroll behavior CSS tricks

Discussion topics

• modern vs legacy scrollbar customizations
• horizontal overflow
• alternatives to fixed with related to content
• css-only active state
• fixed headers and reusing the height
• popover API and anchor positing API
• no prefixes for box-shadow