Я использую плагин jquery gridster в своем проекте. У меня есть несколько перетаскиваемых виджетов, разбросанных по множеству столбцов, которые простираются далеко за пределы ширины области просмотра. Я хотел бы, чтобы область просмотра автоматически прокручивалась, когда перетаскиваемый виджет приближается к границам области просмотра. К сожалению, это работает только при перемещении мыши (похоже, это вызвано изменением положения, а не событием 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
})
});
Кто-нибудь знает, как заставить автопрокрутку работать так, как мне хочется?
Ваше здоровье,
Мартин