wx.pageScrollTo页面闪烁

发布于 7 年前作者 uqiao16620 次浏览最后编辑 7 年前来自 ask

使用wx.pageScrollTo时,如果页面中有元素的POSITION为absolute或fixed时,这个元素会先消失,然后再出现,导致屏幕闪烁。

10 回复
xiulan98
xiulan981 楼6 年前

2018.6.20 ios涛声依旧

maping
maping2 楼6 年前

安卓机是没问题得   但是ios是有问题的

oxue
oxue3 楼6 年前

现在已是2018-4-27   ios11 有问题

qiangding
qiangding4 楼6 年前

1.9.0 + 已经修复

tao92
tao925 楼6 年前

没有修复掉,ios版本上还有这个bug,开发者工具2.0.9也存在这个bug

fang88
fang886 楼6 年前

我在真机上试是正常的,请更新到最新版本试试,工具上的我们优化一下。

zouna
zouna7 楼6 年前

您看一下这个demo吧

ppeng
ppeng8 楼6 年前

给下demo看看

qiang27
qiang279 楼6 年前

真机上呢

ryan
ryan10 楼5 年前

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

        })

    }

})