j***@163.com
j***@163.com
  • 发布:2018-07-03 12:22
  • 更新:2018-07-03 12:22
  • 阅读:1292

【报Bug】困恼项目很久的,mui-scroll中viewApi.go("#XX")跳转两次子页面呼出光标导致setTranslateX定位错误问题

分类:MUI

详细问题描述
[内容]
使用的mui框架,页面使用的单页HTML,跳转方式为viewApi.go("#id")的方式,使用mui-slider做订单流程处理,此时viewApi.go跳转两次页面,并且在input框呼出光标填写内容;使用viewApi.back()返回到首页会出现setTranslateX的translate3d定位为(0,0,0),导致页面显示与mui-control-item头部不符的情况。注:(1)必须是在跳转两次子页面且呼出光标的情况下才出现
(2)在手机上运行时出现,用谷歌浏览器模拟并不会出现
重现步骤
[步骤]
1、进入使用mui-slider开发的主页面。
2、切换sheet页到最后一页,并点击跳转子页面。
3、继续再跳转一次子页面,并在input框内呼出光标。
4、返回两次到主页面。
5、此时页面定位错误,显示为sheet页第一页,实际应该为最后一页。
[结果]
translate3d定位错误,应该是类似(-1038,0,0),结果是(0,0,0),导致页面显示错误
[期望]
translate3d值应该保持为(-1038,0,0),页面显示正确

运行环境
[系统版本]
window7
[浏览器版本]
所有手机内置浏览器
[IDE版本]
HBuilder 9.0.2.201803061935
[mui版本]
v3.6.1

附件
[代码片段]
<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<div class="f-slider-div">
<a id="a-wait" class="mui-control-item mui-active" href="#wait-a">
待接单(<span id="waitCount"></span>)
</a>
<a id="a-order" class="mui-control-item " href="#order-a"> 待预约(<span id="orderCount"></span>)
</a>
<a id="a-already" class="mui-control-item" href="#already-a"> 已预约(<span id="alreadyCount"></span>)
</a>
<a id="a-return" class="mui-control-item" href="#return-a"> 施工(<span id="returnCount"></span>)
</a>
</div>
</div>
<div class="mui-slider-group mui-page-content">
<div id="wait-a" class="mui-slider-item mui-control-content mui-active">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul id="wait-List" class="wait-List list-ul">
<li id="model-wait">
<div class="mui-card">
<div class="card-top">
<label>服务种类&nbsp;[wait-serveTypeId]</label>
<span class="mui-pull-right mui-badge [wait-outTimeColor]">[wait-outTime]</span>
</div>
<div class="card-content ">
<div id="wait-card" class="card-content-info" title="[wait-businesskey]">
<label><span class="s-district"><i
class="icon iconfont">&#xe7e9;</i></span>[wait-areaId]</label><br/> <label><span
class="s-consName"><i class="icon iconfont">&#xe61d;</i></span>[wait-custName]</label><br/>
<label><span class="s-createDate"><i
class="icon iconfont">&#xe602;</i></span>[wait-sendDate]</label>
</div>
<div id="remarkDetail" class="card-content-mark">
<label><span class="s-remark"><i
class="icon iconfont">&#xe734;</i></span>[wait-comments]</label>
</div>
</div>
<div class="card-footer">
<label><span><i
class="icon iconfont">&#xe633;</i></span> [wait-businesskey]</label> </span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
[安装包]

联系方式
[QQ]
[电话]

2018-07-03 12:22 负责人:无 分享
已邀请:

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