时间戳

首页 > 解决方案 > Scrollbar touch target

javascript - Scrollbar touch target

问题描述

I am developing the modal in HTML, but the keyboard-only user cannot access all content within the modal. The only note is scrollbar touch target should be 44px*44px. I read this doc https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width. But I don't know how to make scrollbar touch target 44px. Please let me know how can make the scrollbar touch target should be 44px.
enter image description here

标签： javascripthtmlcss

解决方案

大多数浏览器不支持滚动条宽度（请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width#browser_compatibility）。

如果要更改行为或布局，则必须使用 css 和 javascript 实现自己的。你可以检查这个https://github.com/mdbootstrap/perfect-scrollbar它模拟 MacOS 的行为和布局。

推荐阅读