Question

我正在制造一个阻力＆amp;使用jQuery UI删除程序： Here's the link

[IN CHROME（！）（尚未在其他浏览器中测试过）]

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

我使用div制作了这些轮子：

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

CSS

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

如您所见，屏幕底部显示的空白与每个“滚轮”的高度相同。

我已将overflow:hidden传递给body。

也许有办法强迫页面始终坚持它的位置？

Answer 1

如果您在overflow-y上将hidden设置为#mainContainer，则应防止空白区域出现在底部。

适用于Chrome（v.49.0.2623.39），FireFox（v.44）和Edge（v.25.10586.0.0）。

jQuery UI - 以某种方式拖动忽略溢出：隐藏

1 个答案: