CSS Scroll-Driven Animations Without JavaScript ron )Sep 3, 2026 160 css , animations The Infinite Scroll Was a Design Crime—Now Meta is Paying for It web )Aug 25, 2026 159 web , facebook+meta , legal Using Scroll-Driven Animations for Opposing Scroll Directions cit )Aug 14, 2026 158 css , animations Scroll Axis Lock arg )Aug 10, 2026 157 css Unlock Immediate Diagonal Scrolling With CSS “scroll-axis-lock: none” bra )Aug 9, 2026 156 css Evaluating Front-End Web Energy Consumption: Quantifying the Role of Caching, Cookies, Scrolling Behavior, and Data Volume beb /acm )Jul 29, 2026 155 studies , research , sustainability , caching , cookies How “animation-timeline: scroll()” Replaces Scroll JavaScript Jul 20, 2026 154 css , animations Scroll-Driven, Scroll-Triggered, Scroll States, and View Transitions geo /css )Jun 8, 2026 153 css , animations , view-transitions , container-queries Why Keyboard Users Can’t Scroll Your Overflow Containers css )May 11, 2026 152 accessibility , keyboard-navigation , overflow Scroll-Driven Animations jos )Apr 28, 2026 151 css , animations Dropdowns Inside Scrollable Containers: Why They Break and How to Fix Them Properly sma )Mar 20, 2026 150 css , positioning , transforms Sticky Grid Scroll: Building a Scroll-Driven Animated Grid the /cod )Mar 2, 2026 149 tutorials , css , grids , layout , gsap Three Reasons Your “scroll-snap” Container May Be Overflowing on Mobile sch )Feb 27, 2026 148 css , mobile Virtual Scroll-Driven 3D Scenes fro )Feb 23, 2026 147 css , animations , 3d Spiral Scrollytelling in CSS With “sibling-index()” css )Feb 17, 2026 146 css , functions , gsap Virtual Scrolling for Billions of Rows—Techniques From HighTable sev )Feb 12, 2026 145 html , tables , performance , react The EU Moves to Kill Infinite Scrolling egr )Feb 12, 2026 144 social-media , legal Building a Scroll-Driven Dual-Wave Text Animation With GSAP cod )Jan 15, 2026 143 gsap , animations Using “100vw” Is Now Scrollbar-Aware (in Chrome 145+, Under the Right Conditions) bra )Jan 15, 2026 142 css , units , chrome , browsers Death to Scroll Fade dbu )Jan 9, 2026 141 effects , performance 4 CSS Features Every Front-End Developer Should Know in 2026 arg )Jan 7, 2026 140 css , functions Optimizing CLS for Infinite Scroll and Load More ver /per )Dec 20, 2025 139 performance , web-vitals , optimization Directional CSS With “scroll-state(scrolled)” una )Dec 17, 2025 138 css , functions Creating Scroll-Based Animations in Full view() pre /css )Dec 10, 2025 137 css , animations , functions Frontend News #19: CSS “overscroll-behavior”, “scrollbar-gutter”, “text-grow” Properties, and More zor /css )Dec 9, 2025 136 videos , css NoLoJS: Reducing the JS Workload With HTML and CSS aar /per )Dec 6, 2025 135 html , disclosure-widgets , forms , modals , pop-overs , navigation , positioning The Downsides of “scrollbar-gutter: stable;” (and One Weird Trick) chr /fro )Dec 3, 2025 134 css Scrollytelling on Steroids With Scroll-State Queries css )Dec 2, 2025 133 css Prevent a Page From Scrolling While a Dialog Is Open geo /css )Dec 1, 2025 132 css One CSS Trick to Eliminate Scrollbar Layout Shifts ami )Nov 28, 2025 131 css , tips-and-tricks Updating CSS Border Radius When a Container Is Overflowing rik )Nov 26, 2025 130 css , borders , overflow How to Add and Remove Items From a Native CSS Carousel (…With CSS) dxn /fro )Nov 26, 2025 129 how-tos , css , carousels Combining Scroll-Driven Animations With “@starting-style” bra )Nov 6, 2025 128 css , animations Solved by CSS Scroll State Queries: Hide a Header When Scrolling Down, Show It Again When Scrolling Up bra )Oct 22, 2025 127 css 25 New and Rad Features of CSS arg /cas )Oct 13, 2025 126 videos , css , transitions , animations , cascade , selectors , functions , colors HTML “dialog”: Getting Accessibility and UX Right jar )Oct 13, 2025 125 html , modals , accessibility , user-experience Numbers That Fall (Scroll-Driven Animations and Sibling Index) chr /fro )Oct 7, 2025 124 css , html , animations , effects Nested Scroll Bars Are the One of the Biggest Accessibility Evils, Ever Aug 26, 2025 123 accessibility , tables , wcag Horizontal Scrolling Containers Are Not a Content Strategy aar )Aug 1, 2025 122 accessibility , carousels Creating a Scroll-Spy With 2 Lines of CSS una )Jul 29, 2025 121 css The Death of the Click: How Scrolling Took Over the Web web )Jul 28, 2025 120 web , user-experience Scroll-Driven Sticky Heading ami /css )Jul 11, 2025 119 headings , css , animations , positioning , effects A Guide to Scroll-Driven Animations With Just CSS sar /web )Jun 20, 2025 118 guides , css , animations Web Animations Today and Tomorrow bra )May 22, 2025 117 videos , animations , view-transitions , css , web-platform Scroll-Driven Animations Inside a CSS Carousel geo /css )May 15, 2025 116 css , animations , carousels Cover Flow With Modern CSS: Scroll-Driven Animations in Action add )Apr 5, 2025 115 css , animations , transforms , effects , history Carousels With CSS arg )Mar 20, 2025 114 css , carousels Love at First Slide! Creating a Carousel Purely Out of CSS uti )Feb 14, 2025 113 css , carousels , functionality CSS “scrollbar-color” and “scrollbar-gutter” Are Baseline Newly Available bra )Feb 1, 2025 112 css , browsers , support , web-platform Scroll State Queries Are on the Way (and a Bunch More) kev )Jan 22, 2025 111 videos , css , selectors , container-queries , functions Simplify Lazy Loading With Intersection Observer’s “scrollMargin” fro )Jan 20, 2025 110 apis , javascript , lazy-loading , performance CSS “scroll-state()” arg )Jan 15, 2025 109 css , container-queries , examples Using Iframes to Embed Arbitrary Content Is Probably a Bad Idea tem )Dec 29, 2024 108 iframes , embed-code , keyboard-navigation , screen-readers , accessibility Scroll-Driven and Fixed chr /fro )Dec 20, 2024 107 css , animations , positioning Stylish Holidays! Creating a Scroll-Driven Christmas Tree in CSS uti )Dec 17, 2024 106 css , svg , animations , effects An Introduction to CSS Scroll-Driven Animations: Scroll and View Progress Timelines sma )Dec 11, 2024 105 introductions , css , animations Don’t Fuck With Scroll Nov 29, 2024 104 websites , user-experience , usability , accessibility , maintainability Custom Progress Element Using Anchor Positioning and Scroll-Driven Animations css /fro )Nov 13, 2024 103 css , anchor-positioning , animations , progress-indicators Modern CSS for Sites: View Transitions, Scroll Effects, and More arg )Nov 13, 2024 102 videos , css , view-transitions , effects (Up-)Scoped Scroll Timelines chr /fro )Nov 11, 2024 101 css , animations CSS Scroll-Driven Index jhe )Oct 29, 2024 100 code-pens , css , headings Scroll-Driven… Sections chr /fro )Oct 29, 2024 99 css , animations Solved by CSS Scroll-Driven Animations: Hide a Header When Scrolling Down, Show It Again When Scrolling Up bra )Sep 29, 2024 98 hiding , css , animations , techniques How to Make a “Scroll to Select” Form Control pre /css )Sep 25, 2024 97 how-tos , forms , css Under-Engineered Estimated Reading Time Feature aar )Sep 3, 2024 96 user-experience Scroll-Enhanced Experiences car /css )Sep 2, 2024 95 videos , css Custom Range Slider Using Anchor Positioning and Scroll-Driven Animations css /fro )Aug 21, 2024 94 sliders , css , anchor-positioning , animations , forms Elastic Overflow Scrolling css )Aug 21, 2024 93 css , overflow CSS Scroll Snap Module Level 2 tab +/w3c )Jul 23, 2024 92 standards , css Refactoring a Scroll-Driven Animation From JavaScript to CSS and )Jun 10, 2024 91 refactoring , animations , javascript , css Infinite-Scrolling Logos in Flat HTML and Pure CSS cit /sma )Apr 2, 2024 90 branding , animations , techniques , css Animating Clip Paths on Scroll With “@property” in CSS uti )Mar 26, 2024 89 css , animations , clipping , masking Chill Scroll Snapping: Article Headers chr /fro )Mar 19, 2024 88 css CSS-Only Bottom-Anchored Scrolling Area kit )Feb 26, 2024 87 css Control Lazy Load, Infinite Scroll, and Animations in React Feb 20, 2024 86 react , lazy-loading , animations , javascript Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” bra )Feb 14, 2024 85 css , overflow , animations How to Fix the Invisible Scrollbar Issue in iOS Browsers sim /fro )Feb 13, 2024 84 how-tos , browsers , mobile , css Highlight Text When a User Scrolls Down to That Piece of Text chr /fro )Jan 23, 2024 83 css , effects A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” arg /cod )Jan 17, 2024 82 introductions , animations , css , functions Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator and )Jan 8, 2024 81 css , effects , progress-indicators Scroll-Driven Animations mic /5t3 )Dec 21, 2023 80 animations , css Locking Scroll With “:has()” rob )Dec 20, 2023 79 css , selectors New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem sim /sma )Dec 20, 2023 78 viewport , css , units CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study uti /sma )Dec 13, 2023 77 sliders , css , layout , case-studies Scroll Fading 101 nng )Dec 8, 2023 76 interaction-design , usability Preventing Scroll “Bounce” With CSS mic )Nov 25, 2023 75 css Never Use “Scroll” Value for Overflow kiz )Nov 10, 2023 74 css , overflow Solved by CSS Scroll-Driven Animations: Style an Element Based on the Active Scroll Direction and Scroll Speed bra )Oct 23, 2023 73 css , animations Scroll-Driven State Transfer kiz )Oct 16, 2023 72 css Scrollbars Are Becoming a Problem art )Oct 12, 2023 71 usability , accessibility Solved by CSS Scroll-Driven Animations: Detect if an Element Can Scroll or Not bra )Sep 16, 2023 70 css , animations Scroll Shadows With “animation-timeline” dav )Aug 18, 2023 69 shadows , css Scrolljacking 101 nng )Aug 6, 2023 68 user-experience No Exit—Every Feed Is a Traffic Jam mus )Aug 2, 2023 67 social-media , user-experience Scroll Progress Animations in CSS mic /mdn )Jul 14, 2023 66 css , animations , progress-indicators A Case Study on Scroll-Driven Animations Performance Jul 12, 2023 65 animations , performance , css , javascript Faking a “:snapped” Selector With Scroll-Driven Animations bra )Jun 26, 2023 64 css , selectors , animations The Problem With Sticky Menus That Appear on Scroll and What to Do Instead ada )Jun 18, 2023 63 navigation , user-experience Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions bra )Jun 15, 2023 62 css , animations , transitions , custom-properties , style-queries How (and Should?) We Stop the Infinite Scroll Jun 14, 2023 61 user-experience Liven Up Your Websites With Scroll-Driven Animations and View Transitions bra /css )Jun 9, 2023 60 videos , css , animations , view-transitions Sticky Content: Focus in View tet )Jun 8, 2023 59 accessibility , focus , css The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures sim )Jun 8, 2023 58 css Styling Scrollbars oll )Jun 6, 2023 57 css Scroll-Driven Animations bra )May 5, 2023 56 websites , animations Don’t Use Custom CSS Scrollbars eri )May 3, 2023 55 css Sticky Page Header Shadow on Scroll hex )Apr 2, 2023 54 css , shadows Rotating Gallery With CSS Scroll-Driven Animations jhe )Feb 4, 2023 53 html , css , javascript , animations Locking “body” Scroll for Modals on iOS jfr )Jan 24, 2023 52 css , modals Infinite Scrolling: When to Use It, When to Avoid It nng )Jan 6, 2023 51 videos , usability Implement Scroll-Snapping Using Only CSS Dec 11, 2022 50 css Infinite Scrolling: When to Use It, When to Avoid It nng )Sep 4, 2022 49 usability , user-experience How I Added Scroll Snapping to My Twitter Timeline sim /css )Aug 5, 2022 48 css , twitter+x Better Scrolling Through Modern CSS may )Jun 11, 2022 47 css Hamburger Footer: Reaching the Bottom of Infinite Scroll pro )Jun 2, 2022 46 usability , navigation The Story of the Custom Scrollbar Using CSS May 26, 2022 45 css A Simple Way to Create a Slideshow Using Pure CSS zor /css )Apr 4, 2022 44 videos , css Designing a Better Infinite Scroll vit /sma )Mar 30, 2022 43 navigation , pagination Horizontal Scrolling Nav mdo )Mar 10, 2022 42 javascript Preventing Smooth Scrolling With JavaScript kil )Jan 31, 2022 41 javascript Prevent Scroll Chaining With Overscroll Behavior sha )Oct 21, 2021 40 css Scrollbar Reflowing chr /css )Aug 24, 2021 39 reflow , user-experience 2021 Scroll Survey Report arg )Aug 2, 2021 38 surveys , css Overflow Issues in CSS sha /sma )Apr 14, 2021 37 css , overflow , flexbox , grids , layout Scroll-Bounce Page Background Colour tem )Jan 24, 2021 36 backgrounds , colors , css How to Find the Cause of Horizontal Scrollbars kil /pol )Oct 8, 2020 35 how-tos , css , overflow , debugging That’s Just How I Scroll chr /css )Aug 14, 2020 34 user-experience Hide Scrollbars During an Animation chr /css )Jun 24, 2020 33 css , animations , transitions An Overview of Scroll Technologies zac /css )Jun 22, 2020 32 overviews , animations , css , javascript , tooling What Is Parallax Scrolling, Explained With Examples Jun 4, 2020 31 parallax , effects , examples On Fixed Elements and Backgrounds hui )May 25, 2020 30 css , backgrounds , positioning , performance Hiding Scroll Bars While Maintaining Scroll Functionality in Modern Browsers May 17, 2020 29 css , hiding Fixed Headers and Jump Links? The Solution Is “scroll-margin-top” chr /css )Feb 21, 2020 28 positioning , css Styling Based on Scroll Position chr /css )Mar 7, 2019 27 css , selectors Using IntersectionObserver to Check if Page Scrolled Past Certain Point chr /css )Feb 21, 2019 26 apis , javascript CSS Smooth Scrolling rik )Feb 14, 2019 25 css Practical CSS Scroll Snapping css )Aug 15, 2018 24 css Scroll Bouncing on Your Websites sma )Aug 15, 2018 23 css Your Interactive Makes Me Sick web )Mar 1, 2018 22 accessibility , examples , user-experience A Comprehensive Guide to Web Design sma )Nov 21, 2017 21 guides , design , content , information-architecture , navigation , content-strategy , forms , accessibility Performant Parallaxing aer )Dec 2, 2016 20 css , effects , parallax , positioning , performance 6 jQuery Infinite Scrolling Demos Apr 5, 2016 19 jquery , examples What’s Coming for CSS: Compatibility and Control Apr 3, 2016 18 css , houdini , grids , layout Infinite Scrolling, Pagination, or “Load More” Buttons? Usability Findings in Ecommerce sma )Mar 1, 2016 17 usability , ecommerce , pagination , buttons The 10 Big Web Design Trends of 2015 Dec 1, 2015 16 design , layout , trends , minimalism , flat-design , animations , colors , backgrounds , typography Google Will Fix Chrome’s Scrolling With Microsoft’s Help eng )Mar 26, 2015 15 chrome , google , browsers , microsoft Scroll-Then-Fix Content chr /css )Sep 17, 2014 14 css , debouncing SEO-Friendly Infinite Scroll Apr 9, 2014 13 seo Building the New Financial Times Web App (A Case Study) sma )May 23, 2013 12 web-apps , css , case-studies Scrolling Performance aer )Dec 20, 2012 11 performance Infinite All-CSS Scrolling Slideshow chr /css )Aug 21, 2011 10 images , css , effects WebKit Now Let’s You Style Scrollbars dal /aja )Mar 20, 2009 9 css , webkit , browser-engines Interview With Jakob Nielsen Jul 19, 2006 8 interviews , ajax , usability , user-conversion , testing , monetization JavaScript: Scroll to Bottom of a Div Dec 14, 2005 7 html , javascript Scrolling and Scrollbars nng )Jul 11, 2005 6 usability , design Caroline’s Corner—Long Forms: Scroll or Tab? cjf )Apr 7, 2005 5 forms , layout Scrolling Drop Shadows Oct 13, 2004 4 shadows , css More Usable Forms—Controlling Scroll Position Sep 15, 2004 3 forms , usability , html , javascript , coldfusion Avoiding Horizontal Scroll Bars May 28, 2004 2 internet-explorer , browsers , dreamweaver , code-editors “Top Ten Mistakes” Revisited Three Years Later nng )May 2, 1999 1 design , mistakes , frames , urls , retrospectives 