Question

我正在使用iScroll.js滚动浏览移动页面上的项目轮播。我发现以下修复程序侦听垂直移动并停止iScroll脚本控制，让原生垂直滚动发生：

        onBeforeScrollStart: function(e) {
        try {
            point = e.touches[0];
            pointStartX = point.pageX;
            pointStartY = point.pageY;
        } catch(e) {}
        null;
    },
    onBeforeScrollMove: function(e) {
        try {
            deltaX = Math.abs(point.pageX - pointStartX);
            deltaY = Math.abs(point.pageY - pointStartY);
            if (deltaX >= deltaY) {
                e.preventDefault();
            } else {
                null;
            }
        } catch(e) {}
    }

我正在使用try {} catch {}，因为它在浏览器中进行测试时遇到了一些问题（抱怨点没有被定义）。

我遇到的问题是它在iOS上运行良好，在多个i设备上进行了测试，但在Android上并不是那么好。如果用户尝试垂直滚动页面，首先将手指放在旋转木马上，页面不会滚动，因为iScroll仍然可以控制。

知道如何让它在Android上运行，或者指出它可能出错的地方？

编辑：

一些调试，我发现可能为什么这不起作用。当用户触摸iOS上的屏幕时，坐标正在更新，但在Android上，只有第一组坐标被捕获。知道为什么会这样吗？

Answer 1

你的onBeforeScrollMove范围似乎没有“点”。此外，一些Android设备可能会通过多点触控调用点击事件（我无法确认这一点，但由于平台碎片而无法确认）

我有一个很好的脚本，我将很快发布，它接受点击事件并模拟一个独特的多点触控事件，使用“鼠标”作为触摸的标识符属性，这可能是一些帮助w /调试。我会在明天晚上尝试将项目上线。

这需要添加一些更新和项目，但这里有一个链接：

https://github.com/skhameneh

编辑：更正，你甚至更新“点”？它似乎是在这段代码之外的范围内并在内部进行了更改。如果您发布了其余的代码，可能会有所帮助。

Answer 2

iScroll的创建者实际上有一个端口似乎与您描述的一样，通过水平分页并仍然允许垂直滚动。 https://github.com/cubiq/2-way-iScroll

iScroll - 保留原生垂直滚动 - 适用于iOS，而不适用于Android

2 个答案: