小程序
小游戏
企业微信
微信支付
扫描小程序码分享
使用wx.pageScrollTo时，如果页面中有元素的POSITION为absolute或fixed时，这个元素会先消失，然后再出现，导致屏幕闪烁。
17 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我在真机上试是正常的，请更新到最新版本试试，工具上的我们优化一下。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
给下demo看看
真机上呢
1.9.0 + 已经修复
没有修复掉，ios版本上还有这个bug，开发者工具2.0.9也存在这个bug
2018.6.20 ios涛声依旧
现在已是2018-4-27 ios11 有问题
安卓机是没问题得 但是ios是有问题的
您看一下这个demo吧
wxml部分：
<view style='position:relative;'>
<view style='position:fixed;left:0;top:0;width:20%; height: 100%;display:flex;flex-direction:column;'>
<view style='width:100%;height:30px;background-color:blue' bindtap='clickLeftColor' data-scrolltop='{{scrollTop}}'></view>
</view>
<view style='width:79%;float:right;'>
<view style='width:100%;height:330px;background-color:yellow'></view>
<view style='width:100%;height:330px;background-color:green'></view>
<view style='width:100%;height:330px;background-color:greenyellow'></view>
js部分：
Page({
data: {
scrollTop:100
},
clickLeftColor: function (e) {
console.log(e)
var scrolltop=e.target.dataset.scrolltop;
wx.pageScrollTo({
scrollTop: this.data.scrollTop,
duration: 300
})
this.setData({
scrollTop: scrolltop+100
}
正在加载...
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我在真机上试是正常的，请更新到最新版本试试，工具上的我们优化一下。
给下demo看看
真机上呢
1.9.0 + 已经修复
没有修复掉，ios版本上还有这个bug，开发者工具2.0.9也存在这个bug
2018.6.20 ios涛声依旧
现在已是2018-4-27 ios11 有问题
安卓机是没问题得 但是ios是有问题的
您看一下这个demo吧
wxml部分：
<view style='position:relative;'>
<view style='position:fixed;left:0;top:0;width:20%; height: 100%;display:flex;flex-direction:column;'>
<view style='width:100%;height:30px;background-color:blue' bindtap='clickLeftColor' data-scrolltop='{{scrollTop}}'></view>
</view>
<view style='width:79%;float:right;'>
<view style='width:100%;height:330px;background-color:yellow'></view>
<view style='width:100%;height:330px;background-color:green'></view>
<view style='width:100%;height:330px;background-color:greenyellow'></view>
<view style='width:100%;height:330px;background-color:yellow'></view>
<view style='width:100%;height:330px;background-color:green'></view>
<view style='width:100%;height:330px;background-color:greenyellow'></view>
<view style='width:100%;height:330px;background-color:yellow'></view>
<view style='width:100%;height:330px;background-color:green'></view>
<view style='width:100%;height:330px;background-color:greenyellow'></view>
</view>
</view>
js部分：
Page({
data: {
scrollTop:100
},
clickLeftColor: function (e) {
console.log(e)
var scrolltop=e.target.dataset.scrolltop;
wx.pageScrollTo({
scrollTop: this.data.scrollTop,
duration: 300
})
this.setData({
scrollTop: scrolltop+100
})
}
})