Javascript EmberJS：滚动到div中添加的最后一项

我有一个余烬应用程序，它由一个具有固定高度的div和overflow-y:scroll组成

每当我添加一个对象时，一个新的div就会添加到主div中：

<div class="main-container">
<div class="added-item"></div>
<div class="added-item"></div>
  ...
</div>

随着列表变长，我想滚动到我的余烬应用程序创建新记录后的最后一项

我的模板循环如下所示：

<div class="task-comments">
  {{#each comment in comments}}
  <div class="comment">
    <div class="comment-content">
      <span class="author">
        <img {{bind-attr src=comment.userObject.userProfile.avatar}} alt="Avatar">
      </span>
      <p class="comment-user">
        <strong>{{comment.userObject.username}}</strong>
      </p>
      <p>{{comment.comment}}</p>
    </div>
  </div> 
  {{/each}}
</div>

.任务注释是本例中的主要div

---

我该怎么做呢？

关键部分是执行JS，在注释添加到列表并呈现在屏幕上后，JS会滚动到所需的位置

在您的视图中，使用Ember.run.scheduleOnce'afterRender'将滚动代码调度为运行，该函数为{..}。您可以找到一个简短的工作示例

---

如果您不熟悉Ember run循环，请查看

是否可以发布模板代码？这是每个循环吗？@Daniel添加了模板代码。尝试smthing，比如window.scrollTo0、document.body.scrollHeight；在推送新评论之后。这对我有用。谢谢你的回答！我阅读了余烬运行循环，并使其工作。