在Scroll Vanilla JS上添加类

Question

我在Vue.js工作，并希望在用户滚过某个点时有条件地显示一个回到顶部的按钮。我做错了什么（没有JQuery）？

在我的模板中：

<div class="scroll">
  <span class="scroll_button">Top</span>
</div>

在我的mounted（）函数中

const toTop = document.getElementsByClassName('scroll').addEventListener('scroll', function() {
  if (window.scrollY > 0) {
    this.classList.add('shown')
  }
});
toTop();

Answer 1

 data () {
   return {
   scrolled: false
   };
  },
    methods: {
       handleScroll () {
       this.scrolled = window.scrollY > 0;
     }
    },
    created () {
    window.addEventListener('scroll', this.handleScroll);
    }