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

时间:2012-08-27 13:33:29

标签: android cordova iscroll4

我开发了android phonegap app.I附加动态表单包含div中的'input'和'select'。我需要获得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);

请指导我。谢谢你提前

1 个答案:

答案 0 :(得分:1)

所以有几件事情会有所帮助 - 在加载函数之外定义myScroll变量,以便在任何地方访问它。

在您的内容加载了呼叫myScroll.refresh()并且至少延迟了1毫秒之后。很小的黑客行为。