jQuery UI 的 Draggable 和页面滚动

2023-12-29

我注意到,当我使用 jQuery UI 的可拖动功能时,我必须在页面上向上/向下拖动元素,以强制滚动。被拖动的元素的跳跃速度似乎是鼠标光标的两倍。这会导致非常不稳定的行为,并且几乎无法使用。

我的意思的一个例子可以在这里找到。

http://tinyurl.com/ae6g5qe http://tinyurl.com/ae6g5qe

我什至在 jQuery UI 站点上的示例代码中得到了这种行为。

http://jqueryui.com/draggable/#scroll http://jqueryui.com/draggable/#scroll

我猜测它同时使用鼠标移动和窗口滚动来增加元素的移动(所以是两倍)。我即将深入研究 jQuery UI 的代码,看看是否能找到任何东西,但我很好奇是否有其他人经历过这种情况,还是只有我经历过这种情况?另外,如果有人有 - 你是否以某种方式解决了它?


这似乎是一个open bug http://bugs.jqueryui.com/ticket/5718在 jQuery UI 1.8+ 中。您可以看到,如果您使用 jQuery UI 1.7 版,则行为明显更好。

基于 jQuery UI 的可拖动演示的示例:

HTML

<div id="draggable" class="ui-widget-content">
    <p>Scroll set to true, default settings</p>
</div>
<div style="height: 5000px; width: 1px;"></div>

JS

$(function () {
    $("#draggable").draggable({
        scroll: true
    });
});

jsfiddle http://jsfiddle.net/Eybxe/2/(使用 jQuery 1.7.2 和 jQuery UI 1.7.3)

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

jQuery UI 的 Draggable 和页面滚动 的相关文章

  • jqGrid 3.4 中的自定义数据工具提示

    我一直在使用优秀的 jqGrid 插件 它运行得很好 不过最近 我被要求为网格实现一些自定义工具提示 现在文档 http www secondpersonplural ca jqgriddocs index htm非常彻底 但它没有解决如何
  • jquery mousewheel:检测轮子何时停止?

    我正在使用 Jquery鼠标滚轮 http plugins jquery com project mousewheel插件 我希望能够检测用户何时完成使用轮子 与可拖动内容中的 stop 事件类似的功能 有人能指出我正确的方向吗 这里真的没
  • jquery - 如何根据我的滚动位置滚动顶部动画到下一个可见的 div/类?

    如果标题有点模糊 请原谅我 因为我不知道如何写下来 基本上 我们有一个包含 6 个 场景 的页面 他们都有班级 scene和不同的 ID 例如 scene1 scene2 etc 首先 我们必须动态更改每个场景的颜色 gt 场景 1 是浅色
  • jQuery find() 只返回第一个匹配的结果?

    我在 jQuery 中使用 find 方法 但无法获得与选择器条件匹配的所有结果 这是我的 HTML div class something div
  • 在 Bootstrap 按钮下拉列表标题/占位符文本中显示所选项目

    这个问题已经在 Stackoverflow 上被问过几次了 但是我仍然无法弄清楚它的真相 而且我的查询正在抛出更多的下拉菜单 所以我有两个下拉菜单和一个搜索 我想从下拉列表和 选定 中进行选择以替换下拉占位符文本 但我还需要记住 点击搜索后
  • 将 ASP.NET 验证与 JQuery 结合起来的优雅方式

    如何最好地将 JQuery 与 ASP NET 客户端验证模型结合起来 我通常会避免实现 ASP NET 验证模型 因为它对于我正在做的事情来说总是显得大材小用 对于我现在正在开发的网站 我只是收集非关键用户数据 并且只需要一些基本的验证
  • 标题的固定高度和更改宽度(HTML 表格)

    我需要确保表格标题的高度是固定的 并且宽度是根据标题单元格内容进行调整的 标题文本最多显示两行 我们如何使用样式来做到这一点 另外 我想确保表行的宽度与标题行的宽度相同 即标题行决定宽度 注 目前 交易部门负责人别名 是按行排列的 它需要分
  • 阻止 IE 两次加载动态包含的脚本

    我在杂项上添加了一些相关内容 网页通过添加
  • 文本区域值高度[重复]

    这个问题在这里已经有答案了 我有一个 textarea 其 css 高度设置为 85px 用户可能会在该文本区域内键入内容行 我想知道文本 值的高度 而不是文本区域本身 有没有办法检查内部文本的高度 包括换行符 我会将文本区域的内容复制到另
  • jQuery和PHP中如何知道返回数据是Json还是String?

    我想在客户端 jQuery 检查 PHP 函数返回的数据是否是 Json 对象或 String 来分配不同的函数 如果 json 的格式不正确 jQuery 的 parseJson 将生成异常 您可以将调用包装在 try catch 块中
  • 使用过渡添加子项时 div 的平滑增长

    尽管使用了以下代码 但其行为并不符合我的预期transition所以可能有些事情我不明白 理想情况下 单击该按钮会将一个子项添加到id2div 并制作id1分区增长smoothly因此 function id1 button click g
  • 每 x 秒重复一次代码,但如果 [在此处插入检查] 则不重复

    这是后续这个问题 https stackoverflow com questions 13304471 javascript get code to run every minute 我在那里找到了如何使代码每 x 秒重复一次 是否有可能举
  • PHP header() 和 jquery mobile

    我想使用 php header Location newpage php 进行重定向 我没有收到错误 但 Jquery mobile 似乎无法加载目标页面 并且地址栏仍保留旧地址 请问您有什么建议吗 Thanks 尝试添加data ajax
  • 如何使用 jQuery 通过单击按钮来选择下拉列表中的所有值?

    如何通过在 JavaScript 中使用 jQuery 单击按钮来选择下拉列表中的所有值 function select children option attr selected selected 应该做 当然你需要一个SELECT具有属
  • Jquery 关注下一个带有类的元素

    我正在尝试创建一个函数 当按下 Enter 键时 会选择带有类的下一个输入 我已经设法 focus 同一行中的下一个元素 但是 如果我需要选择下一行的下一个输入 它将无法继续 下一行中的第一个 quantity 文本框需要获得焦点 控制台没
  • 验证插件在更新面板中不起作用

    我有一个更新面板 面板内有文本框和按钮可用 现在我正在使用 jQuery Validation 插件 但是在更新面板中使用时验证插件不起作用 例如 function GetAddressTargetList var objArray new
  • 如何从代码隐藏文件中的asp.net用户控件注册(调用)jQuery函数?

    如何从代码隐藏文件中的asp net用户控件注册 调用 jQuery函数 您可以使用ClientScriptManager RegisterStartupScript http msdn microsoft com en us librar
  • 带有子节点的拖放区域

    我有一个带有多个子节点的拖放区域 主要元素有dropenter and dropleave事件 但是 如果您将文件拖动到主元素内部和子节点上方 则dropleave被触发 如何处理 以便dropleave仅当拖动的元素和鼠标位于主元素之外时
  • Jquery 点击事件在设备(ipad、iphone ..)中的 li 上不起作用

    Jquery 单击事件在设备中的 li 上不起作用 我尝试使用 click 和 touchstart 事件 但是使用 touchstart 时的问题是我无法向下滚动 div 当我尝试通过单击 li 向下滚动时 它会被选中 有没有办法使用任何
  • 如何防止IE11弹出(您确定要离开此页面)

    我正在处理一个页面 除了一个下拉菜单可供选择外 我无需输入任何内容 但在 IE11 中 当我尝试转到下一页时 它会弹出该消息 我想阻止这种弹出的发生 所以我只是想知道 IE11 中弹出窗口的默认行为是什么 因为它不会出现在 Chrome 或

随机推荐

  • 有没有办法防止 CALayer 阴影与相邻图层重叠?

    我有一个收藏CALayers 每个层都是同一父层的子层CALayer 并且每个都应用了阴影 这些层是动态定位的 而且层数很多 所以我无法提前预测它们将如何排列 如果这些层彼此相邻 足够近以至于它们几乎接触 则其中一层的阴影CALayers渲
  • SAPbobsCOM 类未注册

    我使用 asp net C 开发了一个 Web 应用程序来下在线订单 我的应用程序 在 SAP 服务器 Windows 2008 R2 上工作正常 但是当我将项目复制到本地计算机 运行 Windows 7 时 出现错误 看不到SAPbobs
  • 如何确定Python脚本运行的操作系统是否是类Unix操作系统?

    我正在尝试通过 Python 脚本确定操作系统是否基于 Unix 我可以想到两种方法来做到这一点 但它们都有缺点 检查是否platform system 在一个元组中 例如 Linux Darwin 问题是我不想提供每个制作的类 Unix
  • JBoss CLI 的特殊字符

    我使用 JBoss 6 4 8 版本处于域模式 我想通过 CLI 添加这 4 个系统属性 1 host myserver server config node system property javax net ssl keyStorePa
  • 许多列的数据表宽度溢出

    哇哦 我的 jquery 数据表插件有这个严重的问题 我有一个包含很多列 超过 35 列 的表 并且该表溢出了我的 div 内容 我尝试了很多方法 包括解决堆栈溢出中相同问题的方法 但仍然无法解决这个问题 所以 我真的需要你的帮助 谢谢你
  • 开始救援未捕获错误

    我正在使用一些包含在 begin rescue 块中的 ruby 代码 但不知何故它仍然崩溃 代码块如下所示 Retrieve messages from server def get messages connection select
  • Azure Pipeline - 使用 Azure Feed 进行 npm 安装错误 403

    我的 NPM 安装步骤配置为使用 npmrc 中的注册表 My npmrc is as follows registry https pkgs dev azure com xxx xxxx xxxx xxxx packaging desig
  • Parent TreeView Item鬼选事件!

    我有一个 TreeView 当引发每个 TreeViewItems Selected 事件时 它会启动一个新窗口
  • Erlang 代码来测量执行操作所花费的时间?

    有人能好心地向我指出一些 erlang 代码吗 它允许我计算运行某些代码片段需要多长时间 我还没有看到有可用的 erlang 库吗 您可以使用erlang statistics http www erlang org doc man erl
  • iOS 钥匙串偶尔会返回空字符串

    我编写了非常安全的应用程序 为银行 并将私钥保存在钥匙串中 我使用以下代码保留私钥 void savePrivatekey NSString Key KeychainItemWrapper keychain KeychainItemWrap
  • 如何调试Android ANR?

    我的 Android 应用程序最近在 Google Play 控制台中收到了大量 ANR 报告 由于这种情况是在我将 Google Analytics 添加到应用程序中时开始发生的 因此我强烈怀疑是 Analytics 造成的 问题是我知道
  • ggVis:在不同数据集上创建具有多个图层的绘图

    我正在尝试使用 ggvis 重现 ggplot2 图 该图旨在表示点的坐标 来自对应分析 及其簇 hclust 标准色散椭圆 TL DR 我想根据多个数据集制作一个具有多个图层的 ggvis 图 因此 功能 管道方法阻止我对其中一层进行分组
  • 如何忽略特定http动词(GET,POST,PUT)的swagger资源属性

    我们实现了 spring Fox swagger 2 版本 2 6 1 我想显示 HTTP GET 方法而不是 POST 方法的资源的特定属性 我还没有找到任何使用 swagger 2 的方法 请帮助 谢谢 例如 Class Employe
  • 在 Cucumber 中通过 CSV 文件使用剩余数据

    我想通过 CSV 文件上传测试数据 而不是使用 Cucumber 中的功能文件 有没有办法在功能文件中上传 CSV 以获取测试数据 在 Cucumber 中无法用 csv 文件替换特征文件 您需要从您的步骤中读取 csv 文件 如果您使用
  • MySQL 查询检索具有列名的数据

    我正在编写一些工具 当对其应用任何查询时 该工具必须检索检索到的数据集的列名 如果您熟悉 phpMyAdmin 您会意识到 SQL 窗格的作用是运行查询并显示带有列名称的结果 我想知道查询有多难 它总是会产生列名称 而幕后的实际编程是什么
  • 如何使用 iPhone SDK 暂停视频录制?

    我看到有一个名为 iFile 的应用程序 在录制视频时具有暂停功能 他们如何做到这一点 我尝试使用 AVMutableComposition 类 当用户暂停时 我剪切一个新视频 然后在最后合并视频 但是合并视频的处理时间并不理想 有人可以给
  • ASP.NET MVC 6应用程序的虚拟应用程序根路径

    如何获取应用程序在服务器上的虚拟根路径 换句话说 如何在 ASP NET MVC 6 中执行以下操作 您所需要的可以通过以下方式实现 Url Content 这会将 映射到您的虚拟应用程序根路径 看看源代码 https github com
  • 在状态管理器中对视图状态进行动画处理

    我有一个具有 2 个视图状态的状态管理器实现 我想推迟状态的正常删除 并在视图被销毁并且状态管理器转换到另一个状态时添加自定义动画 这是一个 jsFiddle http jsfiddle net Xkg6X http jsfiddle ne
  • 从跨域加载 vtt 的问题

    我在从跨域加载 vtt 时遇到问题 加载 URL 域的尝试不安全 协议和端口必须匹配 我尝试将 crossorigin true 添加到视频中 它在 Chrome 和 Firefox 中工作 但在 Internet Explorer 11
  • jQuery UI 的 Draggable 和页面滚动

    我注意到 当我使用 jQuery UI 的可拖动功能时 我必须在页面上向上 向下拖动元素 以强制滚动 被拖动的元素的跳跃速度似乎是鼠标光标的两倍 这会导致非常不稳定的行为 并且几乎无法使用 我的意思的一个例子可以在这里找到 http tin