jquery - 我无法在 android、ios 上滚动窗口

Question

我正在使用 iScroll 进行移动聊天，适用于 iOS 或 Android 版本。

但是我无法滚动窗口，确实就像被阻止一样，我无法对屏幕执行任何操作。

我尝试使用我的 iPhone，但我无能为力，我阅读了一些相关文档，但我不知道我必须修改哪一部分。

请参阅下面的代码，如果您有任何想法，谢谢。

            <script type="text/javascript">
var myScroll;
var showkey =true;
function loaded () {
    myScroll = new IScroll('#contenu', { 
    tap:true,
    desktopCompatibility: true,
    onBeforeScrollStart: function (e) {
                var nodeType = e.explicitOriginalTarget ? e.explicitOriginalTarget.nodeName.toLowerCase():(e.target ? e.target.nodeName.toLowerCase():'');

                if(nodeType !='select' && nodeType !='option' && nodeType !='input' && nodeType!='textarea' && !showkey) {
                     e.preventDefault();    //prevents showing keyboard - scrolling
                }//otherwise, show keyboard, do default
                if(!showkey) showkey = true;
            },       
    });
    $('a, input, #sendmsg, .ml_tabs').on('touchstart', function(e) {
        e.stopPropagation();
    });
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
document.addEventListener('DOMContentLoaded', function () { setTimeout(iScrollLoad, 200); }, false);
</script>

Answer 1

请提供一个jsfiddle。

仅供注意:通过添加这行代码 $('a, input, #sendmsg, .ml_tabs').on('touchstart', function(e) {
e.stopPropagation();
});

你会阻止任何事情发生，特别是当你尝试在 <a> 上启动 touchmove 事件时。标签或 <input>等等。

你应该知道的是，iScroll 不喜欢 overflow CSS 中的属性。真是个好东西，设置overflow: hidden !important;到容器，你想滚动。

初始化 iScroll 时使用 preventDefault: false //do not prevent a possible click - we'll take care of it

myScroll = new IScroll('#wrapper', {
preventDefault: false
});