JQuery UI可排序滚动到页面底部

时间:2016-12-15 19:00:53

标签: javascript jquery html css jquery-ui

我遇到了几个可排序表格的问题 这是可排序对象的初始化:

var conf = {
    helper: fixHelperModified,
    handle: ".moveTargetDeliverables",
    containment: "#fieldset_deliverables_summary",
    tolerance:'pointer'
}

$("#deliverables_summary tbody").sortable(conf);

当我拖动一个元素时,它会自动向下滚动到页面底部。

只有使用Firefox和Chrome才能实现,在IE下运行良好

我正在使用JQuery UI 1.11.4

2 个答案:

答案 0 :(得分:2)

使用指定的滚动选项初始化sortable:

$( "#deliverables_summary tbody" ).sortable({
  scroll: false
});

初始化后获取或设置滚动选项:

// Getter
var scroll = $( "#deliverables_summary tbody" ).sortable( "option", "scroll" );

// Setter
$( "#deliverables_summary tbody" ).sortable( "option", "scroll", false );

You should read here

答案 1 :(得分:1)

只需在conf对象中添加scroll:false

即可
var conf = {
helper: fixHelperModified,
handle: ".moveTargetDeliverables",
containment: "#fieldset_deliverables_summary",
...
scroll: false,
...
tolerance:'pointer'
}

这听起来很奇怪,但可能是你错过的东西。