Контроль над полосой прокрутки: Знакомство со спецификацией CSS Scrollbars Styling Module Level 1
Сейчас передо мной стоит задача разобраться с пятью CSS-спецификациями. Все на тему работы скролов. На самом деле про скролы чуть больше спецификаций(scroll-driven animation), но я решил, что пока с этими пятью товарищами разберусь
- CSS Overflow Module Level 3, Level 4, Level 5
- CSS Scroll Snap Module Level 1, Level 2
- Scroll-driven Animations
- ✅ CSS Scroll Anchoring Module Level 1
- ✅ CSS Overscroll Behavior Module Level 1 (Статья в блоге)
- ✅ CSS Scrollbars Styling Module Level 1 (Статья в блоге)
Overscroll Behavior Module Level 1 - я уже рассмотрел. А вот с CSS Scrollbars Styling Module Level 1 только-только разобрался.
Честно сказать перед тем как открыть спецификацию я думал, что там будет гораздо сложнее. В итоге оказалось всего два простеньких CSS-свойства. А казалось мне так из-за моего опыта, который говорит, что там такая каша раньше была, что наверняка спека большущая и пытается все старые проблемы решить. Например, раньше была возможность даже кнопку и даже стрелочку перекрасить.
Спецификация оказалась умнее и в отдельной секции описали почему она не будет переусложнена =)
In bundle
scroll
frontend
css
- CSS Shapes Module Level 1
- CSS Template Layout Module
- CSS Fill and Stroke Module Level 3 но есть уникумы типа "Scroll-driven Animations" или Compositing and Blending Level 1, или "Web Animations" - охамели конечно =)