如何在JavaScript中滚动到li的最后一个元素？

Question

这是我的代码。我需要帮助来滚动到JavaScript中列表的最后一个元素。

<ul class="messages" id="chatBox"> 
    <!-- ngRepeat: message in message --> 
    <li ng-repeat="message in message" class="server"> 
    <div> 
     <p class="usrname ng-binding"></p> 
     <p class="dataMessage ng-binding">you have connected to angularjs</p> 
    </div> 
    </li> 
    <!-- end ngRepeat: message in message --> 
    <li ng-repeat="message in message" class="mymsg"> 
    <div> 
     <p class="usrname ng-binding">ketan</p> 
     <p class="dataMessage ng-binding">xcxz</p> 
    </div> 
    </li> 
    <!-- end ngRepeat: message in message --> 
    <li ng-repeat="message in message" class="mymsg"> 
    <div> 
     <p class="usrname ng-binding">ketan</p> 
     <p class="dataMessage ng-binding">czxc</p> 
    </div> 
    </li> 
    <!-- end ngRepeat: message in message --> 
    <li ng-repeat="message in message" class="mymsg"> 
    <div> 
     <p class="usrname ng-binding">ketan</p> 
     <p class="dataMessage ng-binding">czxc</p> 
    </div> 
    </li> 
    <!-- end ngRepeat: message in message --> 
    <li ng-repeat="message in message" class="mymsg"> 
    <div> 
     <p class="usrname ng-binding">ketan</p> 
     <p class="dataMessage ng-binding">cxz</p> 
    </div> 
    </li> 
    <!-- end ngRepeat: message in message --> 
    <li ng-repeat="message in message" class="mymsg"> 
    <div> 
     <p class="usrname ng-binding">ketan</p> 
     <p class="dataMessage ng-binding">cxzczx</p> 
    </div> 
    </li> 
    <!-- end ngRepeat: message in message --> 
</ul> 

Answer 1

尝试使用scrollIntoView（）方法滚动到最后一个元素或任何您想要的元素。

$（selector）.scrollIntoView（）;