在Scroll Vanilla JS上添加类

Question

我正在使用Vue.js，想在用户滚动到特定点时有条件地显示返回顶部的按钮。 我在做什么错（没有JQuery）？

在我的模板中：

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

在我的mount（）函数中

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);
    }