为什么我无法将jquery ui排序为具有“平滑的”水平自动滚动?

里奥拉

我有一个网页该网页使用可与connectwith排序的jquery UI来获得列表列表(认为类似于trello)。一个问题是,当列数超过窗口宽度时,我似乎无法获得平滑的水平自动滚动。因此,当我向右拖动项目时执行水平滚动时,我还必须向上或向下拖动一点,以使滚动条向右移动(而不是直接向右拖动而不会产生这种额外的摆弄) 。

这是显示代码行为jsfiddle示例尝试从第一列中取出一个项目,并将其放在右侧的最后一个列表中。

在此处输入图片说明

在此处输入图片说明

注意:您必须使窗口不要太宽,以确保所有6个“列”都不可见以实现此行为。完成此操作后,如果看到到达边缘的水平滚动条时会“起伏不定”。

无论如何,当使用jQuery ui sortable时是否可以获得平滑的水平自动滚动

纳尔逊·梅内塞斯(Nelson Menezes)

就像注释中提到的Zach Saucier一样,您的示例不会触发水平滚动。更换float: leftdisplay: inline-block不工作,你形容,虽然。

要解决您的问题,请尝试scrollSensitivity: 100sortable呼叫的选项列表中添加,例如:

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

根据需要调整值。在API中对此进行了引用

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么我无法将SingularValueDecomposition解析为类型?

来自分类Dev

为什么我无法在MeteorJS中创建jQuery UI控件?

来自分类Dev

为什么我的服务无法将流量传递到minikube上具有指定端口的Pod?

来自分类Dev

当我使用 jQuery UI 的 Modal 形式时,为什么无法将选定的文件发布到服务器客户端?

来自分类Dev

为什么我无法在终端中滚动?

来自分类Dev

为什么我的Knockout JS无法实现jQuery自动完成数据绑定?

来自分类Dev

为什么我的Capybara / Poltergeist测试无法从jQuery自动完成字段中选择?

来自分类Dev

为什么我的ajax方法无法调用jQuery自动完成功能

来自分类Dev

为什么我无法将Django REST框架PrimaryKeyRelatedField修补为空列表?

来自分类Dev

为什么我的jQuery空为无效?

来自分类Dev

具有偏移量的平滑滚动锚点(jquery)

来自分类Dev

具有鼠标滚轮效果的jQuery平滑滚动

来自分类Dev

为什么我的平滑滚动不流畅?

来自分类Dev

为什么我无法让CSS代码为我工作?

来自分类Dev

为什么我的网站可以水平滚动而没有内容?

来自分类Dev

使用jQuery为文本列表创建水平滑块式滚动条

来自分类Dev

我的水平导航栏无法水平显示,为什么?

来自分类Dev

当我将Django应用程序部署到Heroku时,为什么collectstatic无法自动运行?

来自分类Dev

为什么我的排序方法无法对某些字符进行排序?

来自分类Dev

为什么我的 Bigdecimal 数字排序方法无法排序?

来自分类Dev

我无法将熊猫数据阅读器导入为Web。为什么?在木星笔记本中

来自分类Dev

为什么在将IE10降级为IE8之后我无法访问Internet

来自分类Dev

为什么我的UIScrollView中的UIView无法滚动?

来自分类Dev

为什么我的页面无法向下滚动

来自分类Dev

带有左右键的jQuery水平自动滚动器

来自分类Dev

有人可以解释为什么我的相邻选择器在jQuery中无法按预期工作吗?

来自分类Dev

为什么我的函数无法正确排序对象属性?

来自分类Dev

为什么我的TableView无法刷新或自动更新?

来自分类Dev

我的VBA代码无法自动启动,为什么?

Related 相关文章

  1. 1

    为什么我无法将SingularValueDecomposition解析为类型?

  2. 2

    为什么我无法在MeteorJS中创建jQuery UI控件?

  3. 3

    为什么我的服务无法将流量传递到minikube上具有指定端口的Pod?

  4. 4

    当我使用 jQuery UI 的 Modal 形式时,为什么无法将选定的文件发布到服务器客户端?

  5. 5

    为什么我无法在终端中滚动?

  6. 6

    为什么我的Knockout JS无法实现jQuery自动完成数据绑定?

  7. 7

    为什么我的Capybara / Poltergeist测试无法从jQuery自动完成字段中选择?

  8. 8

    为什么我的ajax方法无法调用jQuery自动完成功能

  9. 9

    为什么我无法将Django REST框架PrimaryKeyRelatedField修补为空列表?

  10. 10

    为什么我的jQuery空为无效?

  11. 11

    具有偏移量的平滑滚动锚点(jquery)

  12. 12

    具有鼠标滚轮效果的jQuery平滑滚动

  13. 13

    为什么我的平滑滚动不流畅?

  14. 14

    为什么我无法让CSS代码为我工作?

  15. 15

    为什么我的网站可以水平滚动而没有内容?

  16. 16

    使用jQuery为文本列表创建水平滑块式滚动条

  17. 17

    我的水平导航栏无法水平显示,为什么?

  18. 18

    当我将Django应用程序部署到Heroku时,为什么collectstatic无法自动运行?

  19. 19

    为什么我的排序方法无法对某些字符进行排序?

  20. 20

    为什么我的 Bigdecimal 数字排序方法无法排序?

  21. 21

    我无法将熊猫数据阅读器导入为Web。为什么?在木星笔记本中

  22. 22

    为什么在将IE10降级为IE8之后我无法访问Internet

  23. 23

    为什么我的UIScrollView中的UIView无法滚动?

  24. 24

    为什么我的页面无法向下滚动

  25. 25

    带有左右键的jQuery水平自动滚动器

  26. 26

    有人可以解释为什么我的相邻选择器在jQuery中无法按预期工作吗?

  27. 27

    为什么我的函数无法正确排序对象属性?

  28. 28

    为什么我的TableView无法刷新或自动更新?

  29. 29

    我的VBA代码无法自动启动,为什么?

热门标签

归档