场景是这样的,我有一个首页面index.html,还有两个切换页面a.html和b.html. index页面加载的时候,就预加载了a和b页面.然后从index进入a页面和b页面不断切换.
切换时我是这么处理的:每次切换如果现在是在a页面,则用slide-in-right方式显示b页面,回调函数中再隐藏a页面,如果现在是b页面,则用slide-in-right方式显示a页面.回调函数中再隐藏b页面.
这时候,我发现一个问题,a转b页面时,有转场动画,b转a页面时看不到转场动画,因为我预加载的时候是先加载a页面,再加载b页面,我猜测b页面的webview层次是要比a的高,就好像css里面的z-index,
因为b的层次比a的高,所以a转b的时候是能看到转场动画的,b转a的时候因为b层次高在上面盖着,所以a进场动画就看不到了,直到a进场完毕再隐藏b,效果就成了a直接显示出来,
我的问题就是这个层次问题,我的猜测是否是正确的,即预加载的页面比先预加载的页面层次更高,是否有什么方法能改变层次,让我的进场动画能正常显示.
1 个回复
DCloud_heavensoft
webview有zindex的，设置下zindex做个测试就知道了。
http://www.dcloud.io/docs/api/zh_cn/webview.shtml#plus.webview.WebviewStyle