在触摸设备上拖动时停止滚动
Stopping scroll when dragging on touch devices
我有下面的拖放列表组件,它与基于鼠标的事件完全一样, 应该与触摸事件一样工作,但不幸的是,当触摸事件开始拖动列表项时,屏幕同时滚动(使拖动相当无效)。
- 组件示例 <
- github来源/gh>
我想知道的是什么是最有效的方法来防止这个滚动事件发生。这段代码是使用Ember框架编写的,但是一个特定于js的答案也可以。
您可以阻止默认行为:
$(".handle").on('touchstart',function(ev) {ev.preventDefault();})
相关文章:
- JQuery UI可拖动潜水与滚动棒到鼠标
- 支持在画布上滚动和拖动操作
- 移动浏览器-如何删除拖动到水平滚动
- 自定义内容滚动框'的滚动条在拖动时跳转
- 滚动容器时,元素的拖动出错
- 拖放区中可拖动的 Jqueryui 不会滚动,会恢复,滚动条存在
- 在可滚动容器上拖动时防止自动滚动
- 拖动时设置滚动条不透明度
- JQuery UI拖动到可排序状态而不滚动
- 拖动滚动触摸设备,如手机/ iPad
- 谷歌地图在滚动时拖动
- 用于制作可滚动和可拖动图像滑块的库
- 使用 jQuery 拖动滚动页面
- iPad 无法在具有 JavaScript UI 可拖动页面的页面上滚动
- 光滑网格:可以在拖动列时在网格上水平滚动
- 使用 D3.js 拖动元素时滚动
- 拖动时自动滚动
- 触摸拖动画布时滚动页面
- Jquery Fancybox 可拖动的滚动条问题
- 在任一图形上使用滚轮/拖动时放大和缩小/滚动的堆叠图形