触摸移动某些元素时禁用滚动

2023-11-23

我有一个页面,其中有一个部分可以在其中绘制绘图。但是在移动浏览器上使用它时,触摸移动事件(至少是垂直事件)也会滚动页面(这会降低绘制体验)。有没有办法a)禁用并重新启用页面滚动(这样我可以在每行启动时将其关闭,但在每行完成后将其重新打开),或b)禁用默认处理touchmove 事件(大概是滚动)进入草图绘制的画布(我不能完全禁用它们,因为草图使用它们)?

我在草图中使用了 jquery-mobile vmouse 处理程序,如果这有什么不同的话。

Update:在 iPhone 上,如果我选择要绘制草图的画布,或者在绘制之前按住手指一会儿,页面不会滚动,这并不是因为我在页面中编码的任何内容。


Set the 触摸动作CSS 属性为none,即使与被动事件监听器:

touch-action: none;

当事件源自时,将此属性应用于元素将不会触发默认(滚动)行为that元素。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

触摸移动某些元素时禁用滚动 的相关文章

随机推荐

  • WS-Security 中 PasswordDigest 的工作算法

    我在使用 WS Security 时遇到问题 无法创建正确的随机数和密码摘要 我成功地使用 SoapUI 将数据发送到 Oracle 系统 因此 我能够拦截 SoapUI 的调用 将代理更改为 127 0 0 1 端口 8888 以在失败时
  • 结构指令可以使用 @ContentChild 引用子组件吗?

    如果我有一个自定义指令ParentDirective和自定义组件ChildComponent安排如下 div div
  • .NET / C# 将 IList 绑定到 DataGridView

    我有一个IList
  • 如何将第三方库添加到 Talend 项目?

    如何将第三方库 jar 文件 添加到 Talend 项目 还有一个问题是 每个人才component uses LogFactory 但就我而言 它正在抛出 java lang NoClassDefFoundError org apache
  • 在Python中实时播放原始音频文件

    我有一个udppython 中的服务器连续接收来自客户端的原始格式 字节数组的语音数据包 如何在服务器端实时播放语音 有什么推荐的库或方法吗 如果需要的话 这是我非常简单的服务器代码 我对此表示怀疑 import socket UDP IP
  • Office JS API 中发生错误时没有堆栈跟踪信息

    我们在 Application Insights 中收到大量 Office JS API 错误 但它们没有堆栈跟踪 我们拥有的一切 The browser s same origin policy prevents us from gett
  • 如何避免R自动将日期转换为数字?

    如何避免 R 在 for 循环中将日期转换为数字 这与这个问题有关 该问题显示了 mapply 的相同行为禁用 mapply 自动将日期转换为数字 date lt c 2008 02 20 2009 10 05 date lt as Dat
  • 使用 onsen UI 的下拉选项菜单

    我想开发 Android 导航工具栏中可用的下拉菜单标题 我正在使用phonegap 和onsen UI 框架来开发移动应用程序 我可以从左侧和右侧加载滑动菜单 但现在我的要求是 如果应该按图像中显示的图标 则打开下拉菜单 如果用户从电话设
  • ActionBar 项目始终出现在溢出菜单中

    我正在尝试在操作栏中添加操作项目 但即使有很多空间 项目也总是添加到溢出列表中 有什么建议可以解决这个问题吗 这应该是这样的 main xml menu menu
  • JQuery:根据列值显示/隐藏表行

    我有一个表 其中有一列的可能值是 是 否 table thead tr th Col1 th th Col2 th th ActiveYN th tr thead tbody tr td Apple td td 12345 td td Ye
  • 快速展开可选值时意外发现 nil

    我收到一条错误消息 意外发现nil当打开一个Optional 来自 Swift 具有以下类 错误发生在该行 cell contentView viewWithTag 1 as UILabel text object firstName as
  • 使用 jQuery 从 DOM 元素创建 json

    如果我有以下 DOM 元素 div class item content1 div div class item content2 div 如何使用 jQuery 和 Javascript 构建如下所示的 JSON 对象 classname
  • PermissionDenied:403 IAM 权限“dialogflow.intents.list”

    我尝试使用 Dialogflow 的 V2 API 获取 Dialogflow 代理中的意图列表 但出现以下错误 PermissionDenied 403 projects xxxx agent 上的 IAM 权限 dialogflow i
  • 时区缩写

    TimeZoneInfo不提供给定时区的缩写或短名称 唯一的好方法是拥有一本字典 将缩写映射到Timezone id StandardName or DaylightName特性 但是 我搜索缩写列表的所有来源都有不同的时区名称 即与 Wi
  • 即使使用 error_reporting(0),PHP 仍会回显错误的原因是什么?

    无论您告诉它禁用什么 PHP 都会强制显示错误 有哪些原因 我努力了 error reporting 0 ini set display errors 0 没有运气 请注意手册中的警告http uk php net error report
  • 在 R 中将字符串修剪为特定数量的字符

    我想将字符向量修剪为每个元素中的前五个字符 在此示例中 我想将字符串中的每个数字修剪为前五个字符 我确信一定有一种简单的方法可以做到这一点 string lt c 3243423 23423 34243234 2342 32544532 8
  • 开发简单的序列号生成器/验证器的好方法是什么?

    我正在开发一款应用程序 希望有一天能够出售 宜早不宜迟 我想开发一个相当简单的序列号方案来保护它 简单的数字 字母组合 长度不超过 25 30 个字母数字字符 例如 Microsoft 产品密钥 不要求用户输入任何个人信息 例如电子邮件地址
  • 检查文本框文本是否为空

    我使用以下代码来检查空文本框 如果为空 则跳过复制到剪贴板并继续执行代码的其余部分 我不明白为什么我会收到 值不能为空 异常 难道它不应该看到空值并继续前进而不复制到剪贴板吗 private void button Click object
  • iPhone 屏幕截图以供查看

    在 iPhone 上 是否可以 屏幕捕获 UIView 及其所有子视图 如果可以的话 如何实现 I found this 但我自己没有尝试过 Here你发现用过的 renderInContext 我将上面的代码转换为 UIView 上的类别
  • 触摸移动某些元素时禁用滚动

    我有一个页面 其中有一个部分可以在其中绘制绘图 但是在移动浏览器上使用它时 触摸移动事件 至少是垂直事件 也会滚动页面 这会降低绘制体验 有没有办法a 禁用并重新启用页面滚动 这样我可以在每行启动时将其关闭 但在每行完成后将其重新打开 或b