Cordova iScroll won'；t水平滚动直到缩放

我在用Phonegap/Cordova构建的JQTouch iPhone应用程序中使用了iScroll 4（cubiq.org/iScroll-4）

我的问题是，水平滚动虽然“hScroll:true”，但直到我放大和缩小图像后才启用，这使得一切正常（确认iScroll工作并且包装器/滚动器的CSS正确）

HTML:

JAVASCRIPT:

var myScroll;
function loaded() {
    myScroll = new iScroll('wrapper', {
                             hScrollbar: true,
                             vScrollbar: true,
                             hScroll: true,
                             vScroll: true,
                             zoom: true
                             });
}

更改“vScroll”和“zoom”的参数可以立即获得所需的效果。与水平滚动相关的参数在缩放触发之前不会执行任何操作

我尝试在加载后刷新包装或滚动到坐标，编辑我的应用程序的加载顺序，但没有任何帮助

谢谢你抽出时间，

---

Andreas。

您需要手动启用hScroll选项

在需要缩放的每个div中，我都包含以下代码：

data-iscroll='{"zoom":true, "hScroll":true }'

---

这可能是因为每次包装器div宽度都小于滚动器div宽度

我有一个类似的问题，除了图像元素在缩放或调整窗口大小之前根本不会滚动。这个问题原来与DOM更新有关。我当时正在一个隐藏的元素上创建滚动条。当它后来变得可见时，滚动不起作用。结果我不得不显示然后刷新滚动条

您可以在此处找到更多信息：

示例代码：

ajax('page.php', onCompletion);

function onCompletion () {
    // Update here your DOM

    setTimeout(function () {
        myScroll.refresh();
    }, 0);
};

---

谢谢你的回复。我在iScroll文档或演示中没有看到任何关于这方面的内容。我不确定它是否适合我，因为我决定从头开始重新构建我的应用程序——但希望它能在这种情况下帮助其他人。再次感谢！我回去尝试了这个解决方案，但没有效果。我也编辑了我的问题来进一步解释我的问题。我在你的评论之后编辑了这个问题，但是关于CSS，我已经尝试了几乎所有我能想到的解决方案——所有的结果都是一样的。谢谢。你解决过这个问题吗？我很想知道答案，因为我也有类似的问题。

data-iscroll='{"zoom":true, "hScroll":true }'

ajax('page.php', onCompletion);

function onCompletion () {
    // Update here your DOM

    setTimeout(function () {
        myScroll.refresh();
    }, 0);
};