probeType设置为3但是没有触发那种惯性滚动动画的scroll事件?
来源:3-5 歌手列表固定标题实现(中)
qq_半个西瓜_2
2021-04-10
老师,我这边的问题是probeType配置了值为3,但是好像并没有触发那种滚动动画(此时鼠标不在滚动区域)时的scroll事件, 只有鼠标拖动才会连续触发scroll事件。
index-list.vue
<scroll
class="index-list"
ref="scrollRef"
probe-type="3"
@scroll="onScroll"
>
scroll.vue
<template>
<div ref="rootRef">
<slot></slot>
</div>
</template>
<script>
import { ref } from 'vue'
import useScroll from './use-scroll'
export default {
name: 'scroll',
props: {
click: {
type: Boolean,
default: true
},
probeType: {
type: Number,
default: 0
}
},
emits: ['scroll'],
setup(props, { emit }) {
const rootRef = ref(null)
const { scroll } = useScroll(rootRef, props, emit)
return {
rootRef,
scroll
}
}
}
</script>
use-scroll.js
onMounted(() => {
const scrollVal = scroll.value = new BScroll(wrapperRef.value, {
observeDOM: true,
...options
})
if (options.probeType > 0) {
scrollVal.on('scroll', (pos) => {
emit('scroll', pos)
})
}
})
写回答
2回答
-
:probe-type="3"
要加冒号吧312021-04-11 -
qq_半个西瓜_2
提问者
2021-04-10
目前的状态和设置了probeType为2的逻辑很像,但是我的确是设置成3了,不知道为啥,哪位大神能给解答一下吗?感谢!
022021-04-11
相似问题