我有一个网页,该网页使用可与connectwith排序的jquery UI来获得列表列表(认为类似于trello)。一个问题是,当列数超过窗口宽度时,我似乎无法获得平滑的水平自动滚动。因此,当我向右拖动项目时执行水平滚动时,我还必须向上或向下拖动一点,以使滚动条向右移动(而不是直接向右拖动而不会产生这种额外的摆弄) 。
这是显示代码行为的jsfiddle示例。尝试从第一列中取出一个项目,并将其放在右侧的最后一个列表中。
注意:您必须使窗口不要太宽,以确保所有6个“列”都不可见以实现此行为。完成此操作后,如果看到到达边缘的水平滚动条时会“起伏不定”。
无论如何,当使用jQuery ui sortable时是否可以获得平滑的水平自动滚动
就像注释中提到的Zach Saucier一样,您的示例不会触发水平滚动。更换float: left
与display: inline-block
不工作,你形容,虽然。
要解决您的问题,请尝试scrollSensitivity: 100
在sortable
呼叫的选项列表中添加,例如:
$(function () {
$("#sortable1, #sortable2, #sortable3, #sortable4, #sortable5, #sortable6").sortable({
connectWith: ".connectedSortable",
scrollSensitivity: 100
}).disableSelection();
});
根据需要调整值。在API中对此进行了引用。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句