为什么我不能让jquery ui可以进行“平滑”的水平自动滚动？

Question

我有一个带有connectwith的网页that uses jquery UI sortable，以获得一个列表列表（类似于trello）。一个问题是，当列数超过窗口宽度时，我似乎无法获得平滑的水平自动滚动。因此，当我向右拖动项目时水平滚动得到制定时，我还需要向上或向下拖动一点以使滚动条向右移动（而不是直接向右拖动而不用这个额外的摆弄）

这是显示行为的jsfiddle example of my code。尝试从第一列中取出一个项目并将其放在右边的最后一个列表中。

注意：您必须使窗口不要太宽，以确保所有6个“列”都不可见以获得该行为。一旦你这样做，如果你看到水平滚动到达边缘后变得“波涛汹涌”。

使用jquery ui sortable

时，无论如何都能获得平滑的水平自动滚动

Answer 1

与评论中提到的Zach Saucier一样，您的示例不会触发水平滚动。尽管如此，用float: left替换display: inline-block确实有效。

要解决您的问题，请尝试将scrollSensitivity: 100添加到sortable来电的选项列表中，例如：

$(function () {
  $("#sortable1, #sortable2, #sortable3, #sortable4, #sortable5, #sortable6").sortable({
    connectWith: ".connectedSortable",
    scrollSensitivity: 100
  }).disableSelection();
});

根据需要调整值。这被称为in the API。