wx.pageScrollTo页面闪烁
发布于 5 年前 作者 uqiao 16485 次浏览 来自 问答

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

10 回复

2018.6.20 ios涛声依旧

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

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

1.9.0 + 已经修复

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

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

您看一下这个demo吧

给下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

        })

    }

})

回到顶部