jQuery、Chrome 中存在滚动条问题的可拖动弹出窗口

发布于 2024-10-19 20:15:50 字数 177 浏览 4 评论 0原文

我使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

绻影浮沉 2024-10-26 20:15:50

并不是 100% 导致此问题的原因,可能是 chrome 的滚动条渲染为 html。

恐怕您需要使用指定的句柄选项来初始化可拖动对象。

$( "#id" ).draggable({ handle: '.yourhandleclass' });

也可以使用指定的“取消”选项。
(防止从指定元素开始拖动。)

如下所示:

$( "#id" ).draggable({ cancel: '.replacethiswithchromescrollbarselector' });

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.

$( "#id" ).draggable({ handle: '.yourhandleclass' });

It might also be possible to use the 'Cancel' option specified.
(Prevents dragging from starting on specified elements.)

Like this:

$( "#id" ).draggable({ cancel: '.replacethiswithchromescrollbarselector' });
羞稚 2024-10-26 20:15:50

答案来自:票证 #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;
}
}
});

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文