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

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 的可拖动功能。

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