由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>