移动端 Web页面嵌入苹果app scrollTop()事件无效

Question

css:

html,body{margin: 0;/*width:100%;height:100%;*/position: relative;-webkit-overflow-scrolling: touch;}
#main,#main>div{width:1000px;height:1000px;margin:0 auto !important;box-sizing: border-box;position: absolute !important;left:50% !important;top:50% !important;margin-left: -480px !important;margin-top: -480px !important;overflow: auto !important;}
    

html布局：

<div id="outer"><div id="main"></div></div>

js:

$('#outer').css({'width' : $(window).width(), 'height' :$(window).height()});
    $(window).scrollLeft(200);
    $(window).scrollTop(200);
    $('#main').scrollLeft(200);
    $('#main').scrollTop(200);

web页面用手机访问页面均有效；
嵌入安卓app正常，ios 苹果手机app时.scrollLeft();.scrollTop();事件无效

Answer 1

bug原因，在插件还没渲染完成，已执行.scrollTop()事件，将事件放在页面完成加载完成后再执行就不会出现bug,即：

window.onload = function(){
    setTimeout(function () {
        if(dataStr) {
            if(!($('#main').hasClass('fullwidth'))){
                $(window).scrollLeft(300);
                $(window).scrollTop(350);
            }
        }
    },200);
};