必须设置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>
1 个回复
wenju (作者) - https://www.mescroll.com -- 精致的下拉刷新和上拉加载组件
在page的style设置 "disableScroll": true 也可以解决..