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

Question

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

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

我怎么能做到这一点？

JSFiddle

Answer 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;
}