drifter
drifter
  • 发布:2016-03-21 16:29
  • 更新:2016-05-16 15:16
  • 阅读:2884

Android 5.1.1下存在子webview覆盖父webview问题

分类:HTML5+


这个是正常的状态


这个是里面的列表内容覆盖了头部标题和脚部导航了


系统版本

此现象并不是必然存在,有时打开是正常,有时打开就是被覆盖了,没有规律
暂时只测试了一加的氢OS以及氧OS,都存在上述问题,手头上暂没有其他5.1.1的rom供测试,
乐视的乐1也做过测试,系统为5.0.2,并未存在此问题

创建子页面的代码如下

var subpages = ['app-do.html','app-shop.html','app-vip.html','app-my.html'];  
    var subpage_style = {  
        top: '44px',  
        bottom: '51px',  
    };  

    var aniShow = {};  

     //创建子页面,首个选项卡页面显示,其它均隐藏;  
    mui.plusReady(function() {  
        var self = plus.webview.currentWebview();  
        for (var i = 0; i < subpages.length; i++) {  
            var temp = {};  
            var sub = plus.webview.create(subpages[i], subpages[i], subpage_style);  
            if (i > 0) {  
                sub.hide();  
            }else{  
                temp[subpages[i]] = "true";  
                mui.extend(aniShow,temp);  
            }  
            self.append(sub);  
        }  
    });
2016-03-21 16:29 负责人:无 分享
已邀请:
holy1004

holy1004

我一直在用这个模板但是没有问题啊。。但是我的一半子webview都是没有滚动条的。

DCloud_UNI_FXY

DCloud_UNI_FXY

小店这个是有下拉刷新吗?
你在sub.hide()的时候,额外判断一下。如果是小店这个webview。那就不hide。然后测试下还有没有错位现象

  • drifter (作者)

    没有下拉刷新的,即使小店这个页面不hide没有问题,其他页面也存在同样的问题

    2016-03-21 17:31

  • DCloud_UNI_FXY

    回复 drifter:每个子页面都有错位?

    2016-03-21 17:47

  • drifter (作者)

    回复 DCloud_UNI_FXY:默认显示的就不会,其他需要隐藏的都会存在一定概率错位

    2016-03-21 18:35

  • DCloud_UNI_FXY

    回复 drifter:你试试都不hide,需要注意顺序,把要显示的放到最后一个create,append

    2016-03-21 19:11

  • drifter (作者)

    回复 DCloud_UNI_FXY:试过create,append,与hide分开两个循环处理,貌似可以解决问题,不hide的话原理应该类似,就是顺序要反过来

    2016-03-24 16:20

yank90

yank90

我也遇到这个问题了,不知如何解决!!!! 求教!

  • drifter (作者)

    create,append,与hide分开两个循环处理,貌似可以解决问题,我现在是这样写

    2016-05-16 15:43

  • yank90

    回复 drifter:能贴下代码吗?万分感谢!!!

    2016-05-18 10:26

  • drifter (作者)

    for (var i = 0; i < subpages.length; i++) {

    var temp = {};

    var sub = plus.webview.create(subpages[i], subpages[i], subpage_style);

    self.append(sub);

    if (i == 0) {

    temp[subpages[i]] = "true";

    mui.extend(aniShow,temp);

    }

    }

    setTimeout(function(){

    for(var i=0;i<subpages.length;i++){

    if(i > 0){

    var sub = plus.webview.getWebviewById(subpages[i]).hide();

    }

    }

    },500);


    现在新版本好像已经修复这个错位问题

    2016-06-20 15:10

该问题目前已经被锁定, 无法添加新回复