jQuery、Chrome 中存在滚动条问题的可拖动弹出窗口
我使用 jQuery 创建了一个带有滚动条的可拖动弹出窗口。当我点击 使用Chrome的滚动条,它随着鼠标指针移动,直到我右键单击才能释放。
对于可拖动弹出窗口,我使用 jQuery,例如:
$("#id").draggable();
这适用于其他浏览器。
I have created a draggable popup using jQuery that has a scrollbar. When I click the
scrollbar using Chrome, it moves with the mouse pointer and can not be released until I right click.
For the draggable popup, I am using jQuery, e.g.:
$("#id").draggable();
This works in other browsers.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
并不是 100% 导致此问题的原因,可能是 chrome 的滚动条渲染为 html。
恐怕您需要使用指定的句柄选项来初始化可拖动对象。
也可以使用指定的“取消”选项。
(防止从指定元素开始拖动。)
如下所示:
Not 100% what causes this, might be chrome's scrollbars rendering as html.
I'm afraid you'll need to initialize a draggable with the handle option specified.
It might also be possible to use the 'Cancel' option specified.
(Prevents dragging from starting on specified elements.)
Like this:
答案来自:票证 #4441
代码示例:
var Drag = c.draggable({
开始:函数(事件,用户界面){
var t = event.target;
if (event.pageX > t.offsetWidth + t.offsetLeft){
返回假;
}
}
});
Answer from :Ticket #4441
Code Sample:
var drag = c.draggable({
start: function(event, ui) {
var t = event.target;
if (event.pageX > t.offsetWidth + t.offsetLeft){
return false;
}
}
});