Question

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

我在桌面上使用以下插件进行拖动和滚动功能：

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

以下是我的设置示例：

Answer 1

我实际上设法在添加最小版本的Modernizer时检查触摸设备，因此我可以设置overflow-x：在容器上滚动以允许在触摸设备上滚动。

这就是所需要的：

向modernizer.js添加脚本引用。我的具体构建可以是got from here，只是一个带触摸事件和CSS类的最小构建。

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

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

我在测试中发现的结果实际上非常令人愉悦，因为你没有像在台式机上那样得到可怕的粗棒滚动条，因此解决方案效果很好。