可拖動對象-從標題拖動

Question

我有這個HTML彈出對象 我使用jQuery使它可拖動。 現在，我可以從對象的任何點拖動此彈出窗口，這會導致滾動問題-如果我嘗試通過拖動滾動條內的小矩形進行滾動，則會拖動整個彈出窗口。

我想僅通過拖動標題就可以拖動彈出窗口-因此，如果我拖動標題，它將拖動整個彈出窗口，但是我將不能從任何其他點（文本區域，白色背景，滾動條...。）

Answer 1

您可以在Jquery UI中使用handles

如果指定，則限制從拖動開始，除非在指定元素上發生鼠標按下。 僅允許從可拖動元素派生的元素。

例如：

$( "your popup" ).draggable({
  handle: "title id"
});

參考句柄