Question

我在我的项目中使用了gridster jquery插件。我有一些可拖动的小部件分布在许多列上，它们远远超出了视口的宽度。一旦拖动的小部件接近视口边界，我希望视口自动滚动。不幸的是，这只适用于移动鼠标时（它似乎是由位置变化而不是mousedown事件触发）。

演示...尝试将小部件移动到容器的最右侧：http://jsfiddle.net/pxa1h9j2/

HTML：

<div class="gridster">
    <div class="box" data-row="1" data-col="1" data-sizex="1" data-sizey="1"></div>
    <div class="box" data-row="2" data-col="1" data-sizex="1" data-sizey="1"></div>
    <div class="box" data-row="1" data-col="2" data-sizex="1" data-sizey="1"></div>
    <div class="box" data-row="2" data-col="2" data-sizex="1" data-sizey="1"></div>
</div>

CSS：

body {
    background-color: #333333;
}

.box {
    background-color: #cccccc;
    width: 100px;
    height: 100px;
}

JS：

$(document).ready(function(){
    $(".gridster").gridster({
        widget_selector: '.box',
        widget_margins: [10, 10],
        widget_base_dimensions: [100, 100],
        min_cols: 30,
        max_cols: 30
    })
});

有人知道如何让我的自动滚动工作，因为我喜欢？

干杯，

马丁

在不移动鼠标的情况下拖动元素时，Gridster自动滚动窗口小部件

0 个答案: