使用CSS和jquery UI拖拽时遇到问题

我远非CSS大师，在尝试从顶部容器拖动元素时遇到了一个问题：固定到页面的主要内容。它只是向下滚动顶部容器，而不是拖动到主内容中。这很难解释，所以我做了一把小提琴：

正如您所看到的，您不能将任何元素从顶部拖到页面的主体中。另外，在实际页面的顶部有很多元素，所以我需要维护水平滚动条。感谢您的帮助

谢谢

这里还有来自小提琴的代码：

HTML:

---

如果将“还原”设置为true，则长方体只会移回其原始位置。 你想干什么

您的脚本尚未完成。。如果您有一个可拖动的元素，那么您还必须有一个drop函数

你找过教程吗？。。 这里有一个链接到

或者看看这个。。

---

但是线程尚未解决。

您必须为

可拖动的
元素确定一个
可拖放的
区域。然后它将只接受拖动的元素

给你的最后一个分区分配一个id，并将其设置为一个
draggalbe
区域

看看这个
我已经删除了水平滚动条

以下内容也已更改：

之前->恢复：真
之后->恢复：错误

您可以选择jsfiddle.net/4wG5t/13/
谢谢，但不幸的是，丢失水平滚动不允许用户滚动查看顶部的其余字段框。这是我的问题之一。谢谢！它看起来像是appendTo:body part阻止了它在顶部区域的滚动，并允许你将它拖到底部区域，对吗？显然，helper:clone part也是必需的。
<div class="fieldSectionContainer">
<div class="fieldSection">
    <ul id="fieldList">
        <!-- have loop here -->
        <li class="fieldClass">field value</li>
        <li class="fieldClass">field value</li>
        <li class="fieldClass">field value</li>
        <li class="fieldClass">field value</li>
        <li class="fieldClass">field value</li>
        <li class="fieldClass">field value</li>
        <li class="fieldClass">field value</li>
        <li class="fieldClass">field value</li>
        <li class="fieldClass">field value</li>
        <li class="fieldClass">field value</li>
        <li class="fieldClass">field value</li>
        <li class="fieldClass">field value</li>
        <li class="fieldClass">field value</li>

    </ul>


</div>
</div>


<div style="margin-top:100px">
    content below <br/><br/>
    content below  <br/><br/>
    content below  <br/><br/>
    content below  <br/><br/>
    content below  <br/><br/>
    content below  <br/><br/>
    content below  <br/><br/>
    content below  <br/><br/>
    content below  <br/><br/>
    content below  <br/><br/>
    content below  <br/><br/>

</div>

.fieldClass {
    display:inline-block;
    background-color:white;
    border-radius:4px;
    width:200px;
    margin:5px 5px;
    padding: 1px 1px;
    text-align:center;
    border:1px solid black;      
}

.fieldClass:hover {
    cursor:move;
 }

 .fieldSectionContainer {
    overflow-y:hidden;
    overflow-x:auto;
    position:fixed !important;
    top:0;
    width:100%;
    height:100px;
 }

 .fieldSection {

    height:100px;
    width:2500px;   
    font-size:10px;
 }