由CSS“溢出”生成的滚动条在鼠标上正常工作,但在使用手写笔时以相反的方向工作。使用手写笔,这样的滚动条的手柄根本无法拖动。即使使用 Chrome 开发者工具本身(控制台、源代码等)的滚动条也会发生这种情况。这种情况也发生在 Edge(及其开发工具)、Wacom 数位屏和带有 N-Trig 手写笔的笔记本电脑上(Windows 10、最新的 Chrome 和 Edge、最新的 Wacom 驱动程序)。
在滚动条的轨道上,手写笔似乎在拖动文档,就像是放在文档上而不是滚动条上一样。在滚动条的手柄上,这会抵消手柄的常规运动;这可以解释为什么手柄不动。
有办法改变这种行为吗?
这是一个最小的演示:
<!DOCTYPE html>
<html>
<head>
<style>
.a {
display: block;
width: 200px;
height: 200px;
overflow: scroll;
}
.b {
width: 500px;
height: 500px;
}
</style>
</head>
<body>
<div class="a">
<div class="b">
<p>abc</p>
</div>
</div>
</body>
</html>
我可以在 Windows 11 上使用 Wacom PTH-650 数字化仪在 Chrome 浏览器中重现您的问题。在 Firefox 中不会出现此问题。
该问题可能源于 Chrome 和 Microsoft 的 Windows Ink 之间的交互。 Windows 有自己的支持笔的系统,默认情况下 Wacom 平板电脑将其输入重定向到该系统。
但是,您可以关闭 Windows Ink 对于 Chrome。这是如何做到这一点:
现在在 Chrome 中测试滚动。有帮助吗?
您不应该为所有应用程序取消勾选 Windows Ink 的原因是因为在大多数现代应用程序中,压力敏感度之类的功能仅依赖于 Windows Ink,并且不再直接连接到 Wacom 驱动程序。