Question

我在某个DIV元素上使用jQuery draggable（），所以我可以自由移动它。

DIV退出大，所以当DIV的一部分在可见区域之外时会出现滚动条，但是对于这个元素，我希望看不到滚动条出现。

但当其他元素位于可见区域之外时（例如，如果页面长于屏幕），我希望滚动条出现。

所以我的问题是，是否可以排除某个元素影响滚动条？

（我不是要求使用溢出来隐藏滚动条，我只是不想让某个DIV影响它们）

有什么想法吗？

Answer 1

您的可拖动DIV可以包装到另一个不允许创建滚动条的div中。

<style>
.wrapper {
    height: 100%;
    position: absolute;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
}

.draggable {
    position: absolute;
    top: 1000px; /* simulating going over the edge of the page */
    left: 800px; /* simulating going over the edge of the page */
    width: 500px;
    height: 500px;
    background: #F00;
}
</style>    


<div class="wrapper">
    <div class="draggable">
        Hello - No scrollbars created for me. :)
    </div>
</div>

防止滚动某个元素？

1 个答案: