Yizhiyu
Yizhiyu
  • 发布:2018-05-30 18:55
  • 更新:2018-06-12 09:52
  • 阅读:1688

webview模式选项卡滑动切换

分类:HTML5+

我主页的tab尝试用下面的写法,可是会出问题
ws=plus.webview.currentWebview();
// 预创建新窗口(显示在可视区域外)
wn=plus.webview.create('../achievement/achievementCenter.html', 'newdrag', {left:'100%'});
wn.show('none');
// 左滑显示新窗口
ws.drag({direction:'left',moveMode:'followFinger'}, {view:'newdrag',moveMode:'follow'}, function(e){});
// 右滑隐藏新窗口
wn.drag({direction:'right',moveMode:'followFinger'}, {view:ws,moveMode:'follow'}, function(e){});
问题在于第一次进入页面切换没什么问题,如果进入任何一个详情再退出来就无法正常切换了,我猜测是muiopenWIndow也是创建了新窗口,但是不知道怎么解决?滑动时销毁上个页面?
点击列表项进入的子页代码如下:
mui.plusReady(function() {
//by wqm 子页的tab滑动切换
ws = plus.webview.currentWebview();
// 获得前一个窗口
wpre = plus.webview.getWebviewById('../member_list.html');
// 右滑滑显示前一个窗口
ws.drag({
direction: 'right',
moveMode: 'followFinger'
}, {
view: wpre,
moveMode: 'follow'
}, function(e) {});
});
现在的情况是可以实现进入详情,详情右滑回来之前注册的点击列表项mui.openWindow进入详情就不好使了,我觉得是mui.openWindow和create冲突了

2018-05-30 18:55 负责人:无 分享
已邀请:
Yizhiyu

Yizhiyu (作者) - 前端

我想做的是和微信一样左右滑动可以切换tab栏,页面是跟随手指移动

  • 人走板凳凉

    我也想要这种效果,看了官方例子卡成马,我果断换了apicloud。没办法,这玩儿不能出东西

    2020-04-02 13:53

1***@qq.com

1***@qq.com - 90后的IT男人

你好 问一个 这种滑动的方法如果多个webview页面怎么设置滑动呢?

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