2021 Scroll Survey Report

Here’s a common thought and question: how do browsers prioritize what they work on? We get little glimpses of it sometimes. We’re told to “star issues” in bug trackers to signal interest. We’re told to get involved in GitHub threads …


The post 2021 Scroll Survey Report appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.


This content originally appeared on CSS-Tricks and was authored by Chris Coyier

Here’s a common thought and question: how do browsers prioritize what they work on? We get little glimpses of it sometimes. We’re told to “star issues” in bug trackers to signal interest. We’re told to get involved in GitHub threads for spec issues. We’re told they do read the blog posts. And, sometimes, we get to see the results of surveys. Chrome ran a survey about scrolling on the web back in April and has published the results with an accompanying a blog post.

“Scrolling” is a big landscape:

From our research, these difficulties come from the multitude of use cases for scroll. When we talk about scrolling, that might include:

According to the results, dang near half of developers are dissatisfied with scrolling on the web, so this is a metric Google devs want to change and they will prioritize it.

To add to the list above, I think even smooth scrolling is a little frustrating in how you can’t control the speed or other behaviors of it. For example, you can’t say “smooth scroll an on-page jump-down link, but don’t smooth scroll a find-on-page jump.”

And that’s not to mention scroll snapping, which is another whole thing with the occasional bug. Speaking of which, Dave had an idea on the show the other day that was pretty interesting. Now that scroll snapping is largely supported, even on desktop, and feels pretty smooth for the most part, should we start using it more liberally, like on whole page sections? Maybe even like…

/* Reset stylesheet */
main, section, article, footer {
  scroll-snap-align: start;
}

I’ve certainly seen scroll snapping in more places. Like this example from Scott Jehl where he was playing with scroll snapping on fixed table headers and columns. It’s a very nice touch:

Direct Link to ArticlePermalink


The post 2021 Scroll Survey Report appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.


This content originally appeared on CSS-Tricks and was authored by Chris Coyier


Print Share Comment Cite Upload Translate Updates
APA

Chris Coyier | Sciencx (2021-09-15T22:39:08+00:00) 2021 Scroll Survey Report. Retrieved from https://www.scien.cx/2021/09/15/2021-scroll-survey-report-2/

MLA
" » 2021 Scroll Survey Report." Chris Coyier | Sciencx - Wednesday September 15, 2021, https://www.scien.cx/2021/09/15/2021-scroll-survey-report-2/
HARVARD
Chris Coyier | Sciencx Wednesday September 15, 2021 » 2021 Scroll Survey Report., viewed ,<https://www.scien.cx/2021/09/15/2021-scroll-survey-report-2/>
VANCOUVER
Chris Coyier | Sciencx - » 2021 Scroll Survey Report. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/09/15/2021-scroll-survey-report-2/
CHICAGO
" » 2021 Scroll Survey Report." Chris Coyier | Sciencx - Accessed . https://www.scien.cx/2021/09/15/2021-scroll-survey-report-2/
IEEE
" » 2021 Scroll Survey Report." Chris Coyier | Sciencx [Online]. Available: https://www.scien.cx/2021/09/15/2021-scroll-survey-report-2/. [Accessed: ]
rf:citation
» 2021 Scroll Survey Report | Chris Coyier | Sciencx | https://www.scien.cx/2021/09/15/2021-scroll-survey-report-2/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.