javascript - DragScroll 适用于 Mobile / iPad 等触控设备

Question

我开发了一个电子编程指南，我对它在桌面上很满意，但是我无法在触摸设备上进行拖动和滚动。

我正在使用以下插件来实现桌面上的拖动和滚动功能：

我将 jquery 移动库添加到项目中，希望我可以通过将虚拟鼠标事件添加到可拖动的插件（例如 vmousemove、vmouseup、vmousedown）来利用它，但是它没有达到预期的效果，我仍然没有拖动滚动。

这是我的设置示例：

score 0 · Accepted Answer

实际上，在添加 Modernizer 的最小版本来检查触摸设备时，我完全偶然地设法解决了这个问题，以便我可以在容器上设置 overflow-x: scroll 以允许在触摸设备上滚动。

这就是所有需要的：

添加对modernizer.js 的脚本引用。我的特定构建可以从这里获得，它只是一个带有触摸事件和 CSS 类的最小构建。

然后您需要检查触摸设备，如果为真，我们将 overflow-x css 属性设置为 auto，如下所示：

$(function() {
    if (Modernizr.touch) {
        $("#mycontainer").css("overflow-x", "auto");
    }
});

我在测试中发现的结果实际上非常令人愉悦，因为您不会像在台式机上那样获得可怕的粗大滚动条，因此该解决方案运行良好。

1 回答 1