Rock’n’Scroll
summary
Measures scrollbar width across browsers using a small script and avoids layout jumps by either reserving an overflow-y scrollbar or adding dynamic right padding; shows limited styling via ::-webkit-scrollbar. Replaces heavy JavaScript with CSS features like position:sticky and scroll-behavior:smooth where supported, compares throttling vs requestAnimationFrame for scroll handlers and recommends passive listeners for touch. Prototypes diagonal parallax using trigonometry, noting performance and browser-support limits and which optimization tricks are effective.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 2:47Scrollbar appearance evolution
- 10:10Smooth page scrolling
- 14:28Scroll optimization performance
- 21:21Scroll unconventional challenges
- 27:30Scroll chain cancellation
- 31:51Modern scroll features
- 32:57Summary Q&A
related talks
52mLevel, Up your Scroll UX
53mScroll-Enhanced Experiences
30mArbitrary Redesign of the System Scrollbar
39mModern CSS for Creative Developers
51mCross-browser Virtual Scrolling
29mScroll linked Animations with CSS
36mStop using JS for that: moving features from JS to CSS & HTML
40mThe Future with Scroll-Driven Animations in CSS