Мобильная версияСвойство CSS overflow: overlay представляло собой решение, доступное для чтения с экрана, для эмуляции чрезвычайно популярных полос прокрутки iOS, которые накладываются на прокручиваемый элемент и временно видны при :hover или < код>:фокус. Теперь, когда w3c присвоил этому псевдониму overflow: auto, результатом является вездесущая дорожка, создающая нежелательный квадратный край во многих сценариях. Есть такие пакеты. Но эти решения вводят в контент множество вложенных элементов div, что с точки зрения специальных возможностей программы чтения с экрана не очень хорошо, особенно для . Я не обсуждаю визуальную доступность (4:5:1) или требование всегда отображать полосу прокрутки в содержимом веб-браузера настольного компьютера. Я имею в виду универсальное техническое ограничение представления контента с точки зрения UX.
Вот пример пользовательской полосы прокрутки, соответствующей текущим техническим ограничениям CSS
На изображении выше контейнер имеет border-radius, но дорожка создает визуальное напряжение.
Если кто-то здесь искал масштабируемое решение этой проблемы, я хотел бы прочитать, каким может быть ваше решение.
