如何創建可以拖動以顯示內容的div？

我有一個圖像和一些文本的div。我希望整個div可以拖動，但只能向上。當訪客用鼠標向上拖動div時，div下的內容不會移動。這意味着該內容已經存在。可拖動的div與它重疊。我想要做的一個很好的例子是Microsoft Windows 8鎖定屏幕。你拖動，登錄屏幕在它下面。謝謝！如何創建可以拖動以顯示內容的div？

來源

2012-04-04 PrplNinja

試試jQuery + jQueryUI：http://jqueryui.com/demos/draggable/你有一些例子幾乎與你所要求的完全相同 – aurbano 2012-04-04 17:05:25

你在幾分鐘前問完全相同的問題，它就關閉了。 [如何創建可以拖動顯示內容的div？]（http://stackoverflow.com/questions/10015594/how-to-create-div-that-can-be-dragged-up-to-reveal-內容） – 2012-04-04 17:05:32

是的，但是當我編輯並修復它時，它已關閉。當我第一次寫它時，這不是一個問題。 – PrplNinja 2012-04-04 17:07:51

一個選擇是使用jQuery UI的可拖動功能。

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

來源

2012-04-04 17:05:25

這讓div可以在任何地方拖動。我想要div來填滿屏幕。然後它可以被拖出屏幕。 – PrplNinja 2012-04-04 17:09:15

我試圖做一些事情非常類似於您的問題不是前一陣子。如果您想要一個可拖動的元素，請使用jQuery UI中的draggable()工具中的axis選項。您需要：

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

這將其定義爲可拖動，並且僅在Y軸（垂直）上定義。

來源

2012-12-01 18:40:25 randmath

查看[jQuery Draggable UI API]（http://jqueryui.com/draggable/）瞭解更多選項。 – randmath 2012-12-01 18:41:20

WOAH！我剛剛意識到這是從4月4日起。哈哈XD – randmath 2012-12-01 18:43:02

如何創建可以拖動以顯示內容的div？

回答

相關問題