title: Detect scroll on tbody in vue
body: <p>I have a table with a <code>sticky</code> header and scrollable <code>tbody</code> but I can't get my '<code>scroll</code> or 'window.addEventListener('scroll')' to work at all. How do you detect a scroll in a <code>table</code> <code>body</code> only?</p>
  <pre><code>created() {
      window.addEventListener('scroll', this.handleScroll);
  },
  
  destroyed() {
      window.removeEventListener('scroll', this.handleScroll);
  },
  
  methods: {
      handleScroll() {
          console.log('scrolled)
      },
  }
  </code></pre>
  <p>I have tried adding <code>v-scroll=&quot;handleScroll&quot;</code> to <code>table</code> &amp; <code>tbody</code> but still doesn't call it even when I place mouse inside the <code>table</code> and <code>scroll</code>.</p>