Javascript jQuery UI-拖动会忽略溢出：隐藏

我正在使用jQuery UI制作一个拖放程序：

[在CHROME（！）（还没有在其他浏览器中测试过它）]

到目前为止，它工作得很好，我唯一要做的就是添加更多内容并修复一些bug。其中一个虫子真的让我恼火，因为我不知道该怎么办。在中间，你可以看到拖车可以拖动。 拖车有两个轮子，一个在顶部，一个在底部。 当您将其一直拖到底部时，页面将向上并忽略溢出。我想这是因为轮子伸出了页面

我用div制作了这些轮子：

<section id="product">
    <div class="wheeltop"></div>
    <div class="wheelbottom"></div>
</section>

如你所见，屏幕底部出现的空白与每个“车轮”的高度相同。

我将

溢出：隐藏

传递到

正文

---

也许有一种方法可以强制页面始终保持其位置？

如果在

#maincainer

上将

overflow-y

设置为

hidden

，则应该可以防止底部出现空白

---

这适用于Chrome（v.49.0.2623.39）、FireFox（v.44）和Edge（v.25.10586.0.0）

哈哈，又是你！不管怎样，谢谢你的帮助，真不敢相信我之前还没有弄明白。一个令人高兴的巧合：）没问题！

div[class*='wheel']{
    width:20%;
    height:8%;
    background-color: white;
    position: absolute;
    left:40%;
}

.wheeltop{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border:solid 1px black;
    top:-8%;

}

.wheelbottom{
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border:solid 1px black;
    bottom:-8%;
}