我正在用vueJs和bootstrap创建一个webapp.我想在一个特定数量的滚动之后，对一个元素进行change CSS class，是否有一些vue方法可以做到这一点.
我想要下面这样的东西:
<div :class="{classA: scrollPosition < 100, classB: scrollPosition > 100}">
</div>
我发现的一个 Select 是使用vue-scroll，这似乎很有希望，但使用not working.
有没有其他的本土方法可以达到同样的效果？
你可以试着这样做
const app = new Vue({
el: '#app',
data: {
scrollPosition: null
},
methods: {
updateScroll() {
this.scrollPosition = window.scrollY
}
},
mounted() {
window.addEventListener('scroll', this.updateScroll);
}
})
还应考虑在组件被销毁 timeshift 除事件侦听器，以防止泄漏:
destroy() {
window.removeEventListener('scroll', this.updateScroll)
}