javascript - 在 div 内拖动而不是滚动

标签 javascript jquery

我正在尝试弄清楚如何让用户拖动图像而不是必须向右滚动(参见 here)

它按照我希望的方式工作:

$("#timeline").draggable({
axis: "x",
});

问题是当用户到达图像的末尾时,他们仍然可以继续拖动而不是停止拖动。

有没有更有效的方法,当它到达末尾时就像用户滚动到末尾时一样停止?

最佳答案

将回调添加到 draggable 以检查页面宽度与图像宽度的比较以及它在页面上的位置。

类似于:

$("#timeline").draggable({
   axis: "x",
   drag: function(event, ui){
      var position = ui.position;
      var offset = ui.offset;
      //code returns false if your check does not go through
      //your code to check if the user can drag anymore
   }
});

关于javascript - 在 div 内拖动而不是滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17656120/

相关文章:

javascript - knockout.js 和 observableArray 在第二次点击时不更新 DOM

javascript - 请求快速路线时出现 404

javascript - a)函数或b)代码行的异步性是常数吗?

javascript - woocommerce 插件无法与 WordPress 主题配合使用的典型原因是什么?

jquery - 更改谷歌翻译文本

javascript - 删除 jQuery.trim() 忽略的文本区域中的空白

javascript - 使用jquery添加一个单独的类来列出项目父级?

javascript - 与 Closure Compiler 一起工作的 JavaScript 类的实现

javascript - 在表单提交时执行ajax请求,不等待响应

jquery - Shadowbox URL 的未知播放器 - jQuery