如果将栅格放置在另一个具有约束高度和宽度的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/。我想在可见区域下方移动一些东西,我无法移动它 - 与调整大小相同。
有什么想法吗?