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

推荐答案

我可以用Wacom PTH-650数字转换器在Windows11上重现Chrome浏览器的问题.这个问题在Firefox中不会发生.

这个问题可能源于Chrome和Microsoft's Windows Ink之间的相互作用.Windows有自己的支持笔的系统,默认情况下,Wacom平板电脑会将它们的输入重定向到该系统.

不过,你可以关闭Chrome的Windows Ink.这是如何做到这一点的:

  • 确保Chrome正在运行.
  • 进入Wacom平板电脑属性面板. Select 您的平板电脑和笔.
  • 在"应用程序"行旁边,按下"+"按钮,然后 Select Chrome.你现在应该会在应用程序中单独看到Chrome.
  • 确保在应用程序行中 Select 了Chrome.
  • 转到"映射"选项卡,取消选中底部的"使用Windows墨迹".

现在测试一下Chrome中的滚动功能.这有帮助吗?

你不应该为所有应用程序取消勾选Windows Ink的原因是,在大多数现代应用程序中,像压力敏感这样的东西只依赖于Windows Ink,不再直接连接到Wacom驱动程序.

Html相关问答推荐

NG8004:找不到名为""的管道.'' [插件Angular 编译器]

你能让Cypress测试为p—fileUpload做文件上传吗?

Vue.js复选框对齐问题:在表格单元格中居中复选框

如何增加行背景的宽度而不影响上面的内容?""' HTML CSS

隐藏滚动条和禁用文本 Select 的CSS技术?

如何使用css实现悬停时的动画zoom ?

为所有必填字段添加所需的占位符文本(Angular Material)

我怎样才能在我的网站上制作花哨的角落

我希望创建一个对角手风琴与不同的内容(文本和图像)在其正常状态和其他元素悬停

响应网格,响应调整大小以适应父div,保留父div S自己的响应高度

减小HTML负载中base64字符串的大小

div 中的垂直中心表格

Tailwind CSS 忽略我的元素的填充

Angular MatBadge 在高于 99 时不显示完整数字

如何围绕中心zoom svg 并使父级达到其子级大小的 100%

如何避免链接在悬停 timeshift 动,同时增加导航栏中的字体大小?

W3Schools 幻灯片相同高度

如何动态调整彼此重叠的两个 div 的大小,使它们在增长时保持相同的高度

如何将某些 div 的高度限制为具有 display flex 行的同一父 div 中的其他 div?

在 jinja 模板内的 html 表中嵌套 For 循环