This is an interesting read on the current state of scrollbars and how to control their behavior across operating systems and browsers. The post also highlights a bunch of stuff I didn’t know about, like Element.scrollIntoView() and the scroll-behavior CSS property.
My favorite part of all though? It has to be this bit:
In the modern web, relying heavily on custom JavaScript to achieve identical behavior for all clients is no longer justified: the whole idea of “cross-browser compatibility” is becoming a thing of the past with more CSS properties and DOM API methods making their way into standard browser implementations.
In our opinion, Progressive Enhancement is the best approach to follow when implementing non-trivial scrolling in your web projects.
Make sure you can provide the best possible minimal, but universally supported UX, and then improve with modern browser features in mind.
Speaking of the cross-browser behavior of scrollbars, Louis Hoebregts also has a new post that notes how Edge does not include the scrollbar when dealing with vw units the way other browsers do and he provides a nice way of handling it with CSS custom properties.
Direct Link to Article — Permalink
The post Scroll to the Future appeared first on CSS-Tricks.
from CSS-Tricks https://ift.tt/2GTvg2b
via IFTTT
No comments:
Post a Comment