整个页面顶部的可拖动 div（页面加载时）答案

【问题标题】：Draggable div on top of entire page (on page load)整个页面顶部的可拖动 div（页面加载时）
【发布时间】：2016-12-17 20:55:45
【问题描述】：

我正在开发一个应包含可拖动元素的 Web 项目，我使用 javascript 和 jquery 将其放置在页面中。

一切都按预期工作，但可拖动的 div 在其上方和下方的 div 之间占用了一些空间。我希望这个可拖动元素在加载页面后立即位于页面其余部分的顶部，即我希望它不占用上面的 div 和下面的 div 之间的空间，而是在顶部生成一切。请参阅下面的视频和 jsfiddle。

我怎样才能做到这一点？

【问题讨论】：

【解决方案1】：

像这样使用position:absolute;：

$(function() {
  $("#draggable").draggable().css("position", "absolute");;
});

更新Jsfiddle。

另外，在您的 CSS 中，您使用了错误的选择器类型。在您的 HTML 中，您的 id 为 draggable，而在您的 CSS 中，您将其用作一个类。

更改您的 CSS，如下所示：

.draggable { 
    z-index: 4000;
    width: 350px; 
    height: 350px; 
    padding: 0em;
}

用这个：

#draggable { 
    z-index: 4000;
    width: 350px; 
    height: 350px; 
    padding: 0em;
}

【讨论】：