关于父页面嵌套子页面，子页面加载时会闪一下的问题

场景：
主页面切换到列表页面，列表页面要实现刷新和加载，就采用了父子页面，父页面做头，子页面做列表。

父页面处理：

mui.init({  
                gestureConfig:{  
                    doubletap:true  
                },  
                subpages:[{  
                    url:'visitListSub.html',  
                    id:'visitListSub.html',  
                    styles:{  
                        top: (navHeight+45)+'px',  
                        bottom: '0px',  
                    }  
                }]  
            });

在主页面就预加载了父页面和父页面的子页面，
主页面处理：

$.init({  
        preloadPages: [  
            {  
                url: '/views/crm/visit/visitList.html',   
                id: '/views/crm/visit/visitList.html',   
                subpages: [{url: '/views/crm/visit/visitListSub.html', id: '/views/crm/visit/visitListSub.html'}]  
            }  
        ]  
    });

这样，当从主页面切换到列表页的时候，切换很流畅，但是子页面所在的列表区域会很明显的看到闪了一下，后来参考mui例子的tab切换的webview模式的代码，父页面不在init方法里加载子页面，采用创建的方式，如下：

var self = plus.webview.currentWebview();  
            var subPage = '/views/crm/visit/visitList.html';  
var subpage_style = {  
                    top: (navHeight+45)+'px',  
                    bottom: '0px'  
                };  
                var sub = plus.webview.create(subPage, subPage, subpage_style);  
                self.append(sub);  
                plus.webview.show(sub,"fade-in",300);

发现效果跟之前一样，子页面所在的列表区域还是会闪一下。app设置了背景色，闪动时看的很明显接近白色，跟背景色区别较大。

求教有什么好的解决方案，谢谢