当用户尝试使用颜色选择器选择颜色时如何禁用滚动？

Question

我有一个可滚动区域（由 Radix UI 提供）和一个颜色选择器（来自 React Color 的 Chrome 选择器）。

当用户尝试在手机上选择颜色时，屏幕会随着他/她的手势滚动。选择颜色时这并不理想；它会导致糟糕的用户体验。因此我想在选择颜色时禁用滚动。

Answer 1

您可以添加自定义 css 以定位颜色选择器内的滚动条

例如：

.colorPicker > .scrollBar {
     overflow-y: hidden !important; // vertical scroll
     overflow-x: hidden !important; // horizontal scroll
}