javascript - 如何找到模态已经滚动到最后-EmberJS

Question

我是 emberJS 的新手，我想在模式中滚动结束时启用一个按钮。所以我尝试了几种方法但没有成功

查看

<div class="modal--dialog--body">

    <div class="app_tour--section--terms_container" id="message-container">

      <ul class="app_tour--section--ul">
        <li></li>
           //so many lists to scroll
        <li></li>
     </ul>
</div>

Controller

 import Ember from 'ember';
export default Ember.Controller.extend({

  didTransition() {
    Ember.run.later('afterRender', () => {
      let objDiv = document.getElementById("message-container");
      if(objDiv.scrollTop == objDiv.scrollHeight)
      console.log(objDiv.scrollTop)
    }, 100);
    return true;
  },


  actions: {

    close: function() {

      this.send('closeModal');
    }
  }
});

Answer 1

欢迎开始使用 Ember!像许多事情一样，有一个非常有用的插件可以让您的生活变得更简单:https://github.com/alphasights/ember-scrollable

它提供了一个可滚动容器，并在到达滚动底部时公开一个操作。

{#ember-scrollable onScrolledToBottom=(action "close")}}
  add terms and consitions here
{{/ember-scrollable}}