Javascript 如何动态设置顶部位置

如何动态设置每个被拖动元素的可排序拖动区域的顶部位置

js

---

欲了解更多信息，请访问我的

你的意思是想让元素插入到任何放置的位置吗？@Terry请查看小提琴拖拽n拖拽10或15次，然后悬停放置的元素，拖拽将出现尝试对元素进行排序你将理解我的意思仍然不理解你试图实现的目标。你不想让拖动处理程序显示吗？还是别的？@Terry问题是，当项目超过窗口高度时，拖动处理程序无法正常工作（假设我拖动了20个项目，滚动条出现，如果我向下滚动并尝试对元素排序，则无法正常工作）我认为这是因为顶级css属性为什么不仅仅使用Dragable和Sortable？

$( "#editorDesignView" ).droppable({
        accept: '#textTemplate',
      drop: function( event, ui ) {
        var html = '<div id="" style="background: #eee; width: 80%; margin: 10px auto; padding: 10px;"><div class="option_toolbar"><div class="draggable-area dr-toolbar">Drag</div></div><p contenteditable="true" style="padding: 5px;">Add your text here.</p></div>';
  $(html).appendTo(this).hide().slideDown();

      }
    });
  $('#editorDesignView').sortable({
    handle: ".draggable-area",
  });

#editorDesignView:hover .option_toolbar {
    display: block;
    z-index: 10;
    position: fixed;
     left: 68%; 
    top: 1;
}