android - 对于 phonegap 中的动态表单，iscroll 无法正常工作

Question

我已经开发了 android phonegap 应用程序。我在 div 中附加了一个包含“输入”和“选择”的动态表单。我需要为该 div 获取滚动条。所以我使用了 iScroll.js，但它不能正常工作。在输入时文本框突然滚动条消失。这个问题经常发生。

这是我的代码：

function loaded() 
{
    var myScroll = new iScroll('wrapper', 
    {
        scrollbarClass: 'myScrollbar',
        useTransform: false,
        vScroll: true,
        onBeforeScrollStart: function (e) 
        {
            var target = e.target;
            while (target.nodeType != 1) target = target.parentNode;
                if (target.tagName != 'SELECT' && target.tagName != 'INPUT' && target.tagName != 'TEXTAREA')
                    e.preventDefault();
        }
    });
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
document.addEventListener('DOMContentLoaded', loaded, false);

请指导我。在此先感谢

Answer 1

所以有几件事会有所帮助——在你加载的函数之外定义你的 myScroll 变量，这样你就可以在任何地方访问它。

同样在您的内容已加载调用myScroll.refresh()并至少有 1 毫秒的延迟之后。小技巧，大有帮助。