# Scroll to the end

**URL:** <https://discuss.emberjs.com/t/scroll-to-the-end/8115>\
**Category:** Uncategorized\
**Created:** [June 2, 2015, 1:24am UTC](https://discuss.emberjs.com/t/scroll-to-the-end/8115 "2015-06-02T01:24:55Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![mistic](https://avatars.discourse-cdn.com/v4/letter/m/e9bcb4/32.png) [@mistic](https://discuss.emberjs.com/u/mistic)\
**Post date:** [June 2, 2015, 1:24am UTC](https://discuss.emberjs.com/t/scroll-to-the-end/8115/1 "2015-06-02T01:24:55Z")

</div>

Hi guys,

I have a huge problem with my app in ember js.

I have a chat view in my app and the structure is a bit similar too:

```
<div id="chat-content">
    <div class="message">
    </div>
    <div class="message">
    </div>
    etc..
</div>

```

I’m making a scroller on id chat-content with:

```
#chat-content {
    height: auto;
    max-height: 520px;
    overflow-x: hidden;
}

```

But as a chat view i need that the chat view starts at the end of scroll. How can i get this? (there exist a scroll view for ember js?)

---

<div class="post-metadata">

**Author:** ![locks](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/locks/32/3878_2.png) [@locks](https://discuss.emberjs.com/u/locks)\
**Post date:** [June 2, 2015, 1:35am UTC](https://discuss.emberjs.com/t/scroll-to-the-end/8115/2 "2015-06-02T01:35:19Z")

</div>

As answered in IRC, you can hook into the View’s `didInsertElement` and use `window.scrollTo` as shown in [this Stack Overflow question](http://stackoverflow.com/questions/11715646/scroll-automatically-to-the-bottom-of-the-page). Here’s a demo: [JS Bin - Collaborative JavaScript Debugging](http://emberjs.jsbin.com/kucufijixe)
