如何创建可以向上拖动以显示内容的 div？

Question

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

Answer 1

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

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

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

Answer 2

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

http://jqueryui.com/demos/draggable/