禁用水平滚动

Question

我正在寻找一种方法/技巧来禁用（不只是隐藏）水平滚动条。我搜遍了所有我发现的是“overflow-x：hidden”。问题是我必须将元素从一个div拖到另一个

我在基于jquery ui的页面上工作，用户可以将div从一个容器拖到另一个容器。第一面是使用数据库中的div动态填充的。我需要Verticle滚动，因为它是一个动态填充的列表，但是通过水平滚动启用它可以防止div被拖到可放置区域。

Answer 1

你还没有说，所以我假设你正在使用jQuery进行拖动。在jQuery docs on Draggable中，有一个名为“滚动”的选项。如果将其设置为false，则可拖动对象不会滚动窗口。

Answer 2

这是一个相当普遍的问题。看看this page。它通过将draggable附加到其他元素ondragstart并将其重新显示到其原始容器ondragend来描述解决此问题的方法。