Question

我有一个带图像和一些文字的div。我希望整个div可以拖动，但只能向上移动。当访问者用鼠标向上拖动div时，div下面的内容不会移动。这意味着该内容已经存在。可拖动的div与它重叠。我想要做的一个很好的例子是Microsoft Windows 8锁屏。你向上拖动，登录屏幕在它下面。谢谢！

Answer 1

我尝试做的事情非常类似于你不久前的问题。如果您想要一个可以拖动的元素，请使用jQuery UI中axis工具中的draggable()选项。你需要：

$(document).ready(function() {
    $("div").draggable({
        axis: "y"
    });
});

这将其定义为可拖动，并且仅在Y轴（垂直）上。

Answer 2

一种选择是使用jQuery UI的可拖动功能。