另一个div内的Gridster受到高度的限制

时间:2015-08-17 16:40:44

标签: gridster

如果将栅格放置在另一个具有约束高度和宽度的div中 - 您无法在该约束高度/宽度之外移动/调整窗口小部件的大小。

<div id="header" style="height:50px;">Hello World!</div>
    <div id="g-parent" style="position:relative;height:300px;overflow:auto;">
    <div id="g" class="gridster">
        <ul>
            <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">0</li>
            <li data-row="1" data-col="2" data-sizex="1" data-sizey="1">1</li>
            <li data-row="1" data-col="3" data-sizex="1" data-sizey="1">2</li>
            <li data-row="1" data-col="4" data-sizex="1" data-sizey="1">3</li>
            <li data-row="2" data-col="1" data-sizex="1" data-sizey="1">4</li>
            <li data-row="2" data-col="2" data-sizex="1" data-sizey="1">5</li>
            <li data-row="3" data-col="1" data-sizex="1" data-sizey="1">6</li>
            <li data-row="3" data-col="2" data-sizex="1" data-sizey="1">7</li>
            <li data-row="4" data-col="1" data-sizex="1" data-sizey="1">8</li>
            <li data-row="5" data-col="1" data-sizex="1" data-sizey="1">9</li>
        </ul>
    </div>
</div>
仅当Gridster宽度/高度等于页面/窗口时,

Gridster才会滚动。 如果gridster部分有它自己的滚动,它在你拖动或调整大小时不会滚动它停在它受限高度的边界。

看一下简单的例子http://jsfiddle.net/bgandham/0ky0u01h/。我想在可见区域下方移动一些东西,我无法移动它 - 与调整大小相同。

有什么想法吗?

0 个答案:

没有答案