如何在jquery中拖动draggable时禁用页面滚动?

2023-11-26

我有一个这样定义的可拖动:

$("#drag_area a").live("mouseup", function() {

    var object = $(this);
    var class_array = $(this).attr("class").split(" ");
    element(object,class_array);
    return false;

}).draggable({
    containment: "#drag_area",
    grid: [44, 44],
    zIndex: 1000
}).each(function(i, item){    
});

当我拖动“drag_area a”类型的项目时,如果我在拖动时滚动页面,则该项目将从遏制中退出...这不是所需的情况,那么我该如何避免这种情况呢?我可以在拖动过程中禁用页面滚动吗?


我用拖动元素上的一行 css 解决了这个问题touch-action: none;

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

如何在jquery中拖动draggable时禁用页面滚动? 的相关文章

随机推荐

  • 如何将node.js日期转换为SQL Server兼容的日期时间?

    我有一个 Web Api 使用express and Tedious在 Azure SQL 数据库上存储一些数据 和nvarchar类型和int类型它运行良好 但是当我尝试保存时DateTime值我收到一条错误消息 Insert into
  • 如何使用 MPAndroidChart 库更改图表背景?

    我正在使用令人惊叹的图书馆MPAndroid图表 它的工作原理就像一个魅力 除非我试图更改 BarData 的背景颜色 默认颜色是白色 我想将其更改为透明 我试过这个 Paint p1 mChart getPaint Chart PAINT
  • 在 Node 应用程序之间共享代码

    我们的应用程序由两个组件组成 API 和客户端 两者都是独立的 Node 应用程序 虽然除了文档之外 API 实际上没有任何前端组件 但它们仍然共享一些通用文件 例如 Jade 组件 规范化 CSS 实用程序模块以及最重要的 Mongoos
  • 如何在 mac osx 中隐藏终端窗口?

    我有一个在 Windows Linux Android 和 Mac 上运行的多平台应用程序 它在所有平台上使用 g 编译 对于 Windows 我创建了一个安装程序 并通过添加链接器标志摆脱了终端窗口 Wl subsystem window
  • 获取团队列表时 Xcode 崩溃

    所以基本上 Xcode 6 1 每当尝试获取团队列表时都会崩溃 从主屏幕的常规选项卡中 当尝试将应用程序提交到 iTunes 时 尝试验证应用程序 每当它尝试获取团队列表时 它就会崩溃 一小时前它运行良好 但当我们在 iTunes 帐户中添
  • 未找到符号:_BIO_new_CMS

    我是 mac 新手 我不明白为什么我的 scrapy 似乎不再工作了 我怀疑 openssl 在我的 el Captain 中无效 I tried pip install cryptography pip install pyOpenSSL
  • 调用 URL - c#

    我正在尝试在 C 中调用 URL 我只对调用感兴趣 并不关心响应 当我出现以下内容时 是否意味着我正在调用该 URL HttpWebRequest request HttpWebRequest WebRequest Create url 您
  • 将百分比添加到数字中

    如何将百分比添加到总和中 我努力了var sum 3 25 3 4 但没有成功 我刚刚得到0 00作为答案 给一个数字加上一个百分比 的意思是 将该数字乘以 1 pct var sum 3 25 sum sum 1 0 034 您可以等效地
  • 适用于多种环境的 Google Cloud App Engine app.yaml

    我目前已经启动并运行了我的应用程序 app yaml and dispatch yaml位于应用程序的根目录中 我通过 Google Cloud CLI 进行部署 目前这很有效 尽管当我开始拥有一个dev staging and prod环
  • 如何在 Javascript 中捕获有关文本选择更改的 iOS Safari 事件?

    以下场景 在 iOS Safari 上选择文本 假设是 正常 html 页面 时 会出现蓝色叠加层 表明您已选择特定段落 此外 您可以更改该选择 以更正您的初始选择区域 我有兴趣在选择区域更改完成时准确捕获该事件 是否有可能 如果是的话 如
  • 类成员的自定义属性

    我使用自定义属性来定义类的成员如何映射到属性以作为表单帖子 支付网关 发布 我的自定义属性工作得很好 并且能够通过 名称 获取属性 但希望通过成员本身获取属性 例如 getFieldName name vs getFieldName obj
  • Servlet 过滤器和 Servlet 上下文侦听器有什么区别?

    使用 Servlet 过滤器与 Servlet 上下文侦听器有什么区别 你什么时候会使用其中之一 A Filter拦截与其 URL 模式匹配的 HTTP 请求并允许您修改它们 另请参阅其javadoc 过滤器是一个对象 它对资源 servl
  • PowerShell cmdlet 参数值选项卡完成

    如何在 PowerShell 3 0 中实现 PowerShell 函数或 cmdlet 例如 Get Service 和 Get Process 的参数选项卡补全 我发现验证集适用于已知列表 但我想按需生成列表 亚当 德里斯科尔暗示这是可
  • 调试期间是否运行垃圾收集?

    我有一个程序可以打开 Excel COM 对象 执行一些操作 然后关闭它 然后我想在关闭后移动该文件 如果我在没有断点的情况下运行程序 则效果很好 但是 如果我进入调试模式before我尝试移动文件时收到 IOException 该进程无法
  • 隐藏 iframe 上的水平滚动条?

    我需要使用 css jquery 或 js 隐藏 iframe 上的水平滚动条 我建议结合使用 CSS overflow y hidden scrolling no 适用于 HTML4 and seamless seamless for H
  • R 和 HDF5 问题

    我正在尝试将 hdf5 加载到 R 中并遇到一些问题 以下是我配置环境所采取的步骤 Mac OS X 10 6 上的 R 2 10 0 x64 通过 macports 安装 hdf5 1 8 3 来自 CRAN 的 hdf5 1 6 9 t
  • Android 向上按钮不起作用

    我试图手动实现按下操作栏上的向上按钮时必须执行的操作 但由于某种原因 当我按下它时没有任何反应 这是我的代码 public class ActivityOne extends AppCompatActivity Override prote
  • 调用 beginRefreshing 且 contentOffset 为 0 时,UIRefreshControl 不显示刺状[重复]

    这个问题在这里已经有答案了 调用时我看不到加载微调器beginRefreshing self refreshControl beginRefreshing 我的 UITableViewController 子类使用 UIRefreshCon
  • Visual Studio 2019 未将引用的项目添加到 deps.json

    我有一个在 Visual Studio 2019 16 4 5 中构建的现有 WPF 应用程序 其大部分后端通用代码位于 NET Standard 类库中 我正在尝试启动一个基于 Avalonia MVVM 构建的跨平台新前端 我已成功创建
  • 如何在jquery中拖动draggable时禁用页面滚动?

    我有一个这样定义的可拖动 drag area a live mouseup function var object this var class array this attr class split element object clas