收藏
回答

wx.pageScrollTo页面闪烁

问题模块
API和组件

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

最后一次编辑于  2017-11-17  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

17 个回答

  • 黄思程
    黄思程
    2018-01-23

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

    2018-01-23
    赞同
    回复
  • 黄思程
    黄思程
    2018-01-22

    给下demo看看

    2018-01-22
    赞同
    回复
  • 黄思程
    黄思程
    2018-01-22

    真机上呢

    2018-01-22
    赞同
    回复
  • 黄思程
    黄思程
    2018-01-19

    1.9.0 + 已经修复

    2018-01-19
    赞同
    回复
  • 度之
    度之
    2018-07-09

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

    2018-07-09
    赞同
    回复
  • lcycq
    lcycq
    2018-06-20

    2018.6.20 ios涛声依旧

    2018-06-20
    赞同
    回复
  • ChocKing
    ChocKing
    2018-04-27

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

    2018-04-27
    赞同
    回复
  • 张天宇。
    张天宇。
    2018-01-24

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

    2018-01-24
    赞同
    回复
  • 张天宇。
    张天宇。
    2018-01-23

    您看一下这个demo吧

    2018-01-23
    赞同
    回复
  • 张天宇。
    张天宇。
    2018-01-23

    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

            })

        }

    })



    2018-01-23
    赞同
    回复

正在加载...