Autoscroll down angularjs

Question

Hi I'm creating a chat app with angularjs that autoscrolls down when a user messages another user. I'm not sure how to implement this as my chat window is a fixed ul element. I'm thinking I will need to implement a directive to do this (inboxmsg-scroll on the ul element)

Any help? thanks.

HTML

<ul class="chatting-window" inboxmsg-scroll>
    <li data-ng-repeat="messageinfo in messages">
        <div class="message-date">
            {{messageinfo[0]}}
        </div>
    </li>
</ul>

possible duplicate of [Angular directive to scroll to a given item](http://stackoverflow.com/questions/12790854/angular-directive-to-scroll-to-a-given-item) — moribvndvs, Nov 09 '13 at 01:55
@HackedByChinese I want to scroll the element not the entire window (which was the question u linked) — user1424508, Nov 10 '13 at 01:21

score 14 · Accepted Answer · answered Apr 10 '14 at 23:57

14

angularjs-scroll-glue

An AngularJs directive that automatically scrolls to the bottom of an element on changes in it's scope.

Link: https://github.com/Luegg/angularjs-scroll-glue

answered Apr 10 '14 at 23:57

Răzvan Flavius Panda

21,730
17
111
169

Autoscroll down angularjs

1 Answers1