jquery - 垂直滚动可排序,而不是水平滚动,没有静态位置

标签 jquery css jquery-ui

考虑一个带有一长串元素的面板,您想要在其中拖放这些元素。如果列表是 jQuery 可排序的,则使其可垂直滚动以捕获其中的元素。

this jfiddle显示了问题。我只想设置:

.scroll{
    overflow-y:scroll;
    overflow-x:visible;
}

显然,CSS 从来没有那么简单。溢出会以神奇的方式受到位置的影响。我可以让它工作的唯一方法是将 .scroll 位置设置为 static (请参阅 how nice )。

不过,这是不可取的,有几个原因,我希望这些原因对于许多造型师来说都是显而易见的。有人知道如何使用绝对相对位置来实现这一点吗?

最佳答案

您想要做的是添加 containment:true 选项并将其设置为可排序所在的容器。这样就不会超出左右边距。

关于jquery - 垂直滚动可排序,而不是水平滚动,没有静态位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20572559/

相关文章:

javascript - jquery 代码未在 Android 手机上运行

javascript - 从具有所提供属性的特定值的对象数组中获取索引的函数

javascript - 仅在 body 元素中淡化背景图像,而不是在 CSS 和 jQuery 的网站中全部淡化

jquery - JavaScript 对矩形和一组边界坐标的碰撞检测?

javascript - 使用样式化组件实现图像延迟加载

css - Chrome 中的 Clip-Path 和子动画

css - Font Awesome 5 - 图标位置的反转

html - 类似于 Google 图片搜索的 UI

javascript - JQuery:如何返回表单输出数量?

javascript - 如何使用可选择的 Jquery UI 查找选定元素