Full Page Scroll-Snapping HTML Sections

2 Comments on Full Page Scroll-Snapping HTML Sections

Just some goofing around with Full Page Sections and Scroll Snapping:

[CODEPEN DEMO]

🔗 Related Post:Simple Scroll Snapping Carousel (Flexbox Layout / Grid Layout)

Did this help you out? Like what you see?
Thank me with a coffee.

I don’t do this for profit but a small one-time donation would surely put a smile on my face. Thanks!

BuymeaCoffee (€3)

To stay in the loop you can follow bramus on Bluesky or subscribe to the RSS feed.

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Unless noted otherwise, the contents of this post are licensed under the Creative Commons Attribution 4.0 License and code samples are licensed under the MIT License

Join the Conversation

2 Comments

  1. This looks fun, but any idea why Chrome(80) misbehaves whereas Firefox works fine ? In chrome single mouse click on scroll arrows fails, and single mouse click for page up/down is intermittent. Single key press for up/down and pgup/pgdown works but keyboard-repeat doesn’t ?

    Reply
  2. Pingback: HTML and CSS techniques to reduce your JavaScript – Bram.us

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.