title: How to handle scroll in specific element?
body: <p>I'm using Element UI component in Vue.js and would like to add scroll management function to implement infinite scroll.</p>
  <p>[This is a code of screenshot: Please take a look Example section]
  <a href="http://element.eleme.io/#/en-US/component/container" rel="nofollow noreferrer">http://element.eleme.io/#/en-US/component/container</a></p>
  <p>I tried the following code but infiniteScroll method was not called even if I scroll this section.</p>
  <p><code>&lt;el-main @scroll=&quot;infiniteScroll&quot;&gt;......&lt;/el-main&gt;</code></p>
  <p>Also, I tried below as well, but it was not working because this page has two scrolls (in nav/content) and want to call infiniteScroll method when content is scrolled only.</p>
  <pre><code>created: function () {
    window.addEventListener('scroll', this.infiniteScroll);
  },
  destroyed: function () {
    window.removeEventListener('scroll', this.infiniteScroll);
  }
  </code></pre>
  <p>Do you guys have the best solution?</p>
  <p><a href="https://i.stack.imgur.com/DY5Iv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DY5Iv.png" alt="enter image description here" /></a></p>