wenju
wenju
  • 发布:2019-10-14 15:41
  • 更新:2019-10-15 20:07
  • 阅读:1456

【报Bug】scroll-view的touchmove在Android真机平均200ms才触发一次,解决方案必须设置page的overflow为hidden

分类:uni-app

必须设置page的overflow为hidden;否则scroll-view的touchmove在Android真机平均200ms才触发一次
重现代码:

<template>  
    <scroll-view class="scroll" @touchmove="doMove" scroll-with-animation scroll-y>  
        <view class="item" v-for="i in 20" :key="i">{{i}}</view>  
    </scroll-view>  
</template>  

<script>  
    export default {  
        methods: {  
            doMove(){  
                // touchmove的触发间隔  
                let t = new Date().getTime();  
                if(this.pre) console.log("t=="+(t-this.pre));  
                this.pre = t;  
            }  
        }  
    };  
</script>  

<style>  
    /* 必须设置page的overflow为hidden;否则scroll-view的touchmove在Android真机平均200ms才触发一次 */  
    page {overflow-y: hidden;}  

    .scroll{height: 400px}  
    .item{border: 1px solid red;padding: 20px;}  
</style>  
2019-10-14 15:41 负责人:无 分享
已邀请:
wenju

wenju (作者) - https://www.mescroll.com -- 精致的下拉刷新和上拉加载组件

在page的style设置 "disableScroll": true 也可以解决..

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