自动滚动angularjs

时间:2013-11-09 01:50:56

标签: javascript jquery angularjs angularjs-directive autoscroll

您好我正在创建一个带有angularjs的聊天应用程序,当用户向另一个用户发送消息时,该应用程序将自动向下滚动。我不知道如何实现这个,因为我的聊天窗口是一个固定的ul元素。我想我需要实现一个指令来执行此操作(在ul元素上使用inboxmsg-scroll)

有任何帮助吗?感谢。

HTML

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

1 个答案:

答案 0 :(得分:14)

<强> angularjs涡卷胶

  

一个AngularJs指令,它自动滚动到一个底部   关于其范围变化的要素。

链接:https://github.com/Luegg/angularjs-scroll-glue