Question

正在构建一个具有可拖动面板的页面。它有一个标准网格。当我向下滚动网格时，可拖动面板与指针一起移动。 “”

$（ “＃拖动”）可拖动（）;

我也使用了以下选项，但没有用 •助手：克隆; •职位：绝对;帮手 •scroll：true •refreshPositions：true

请建议我如何解决此问题。

Answer 1

我90％肯定这就是你的意思，如果没有，只需评论。

以下使用scroll()函数检测滚动，然后使用scrollTop()检测滚动的数量。然后，该值在从之前滚动的金额中减去后，将应用于$("#drag")的顶级css属性。

＆＃13;

$("#drag").draggable();

previous = 0;
$(window).scroll(function () {
	currentDelta = $(window).scrollTop() - previous;
	previous = $(window).scrollTop();
	$("#drag").css("top", (Number($("#drag").css("top").slice(0,-2))) + currentDelta + "px");
});

＆＃13;

#drag {
	width:100px;
	height:100px;
	background-color:red;
}

/* makes the page longer */
body {
  height:1200px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<div id="drag"></div>

＆＃13;

JQuery UI可与指针一起拖动

1 个答案: