我在项目中使用的是vue.js,我需要知道何时显示this arrow,这会回滚到当前时间轴
我用来处理滚动事件的代码:
<template>
<div class="tst"
:class="{ 'm--right': isPrev, 'm--appeared': arrowAppeared }"
@click="scrollToToday"></div>
</template>
<script>
import { moment } from 'common/utils';
export default {
props: {
currentCol: {
type: Number,
required: true
}
},
methods: {
scrollToToday () {
this.$emit('scroll');
}
},
computed: {
isPrev () {
return this.currentYear === this.year && this.currentCol < this.today;
},
arrowAppeared () {
return Math.abs(this.currentCol - this.today) > this.containerWidth / colWidth;
}
}
};
</script>
在这里,我的计算道具“ arrowAppeared”应该对来自父级的“ currentCol”的每次更改进行重新计算。
所以我遇到了关于iPad的错误。效果很好,但是当手指离开并且内容仍通过css选项滚动
-webkit-overflow-scrolling: touch
它实际上不会触发滚动事件。该如何解决?