异步加载scrollTop不生效问题解决

异步加载数据然后append之后，出现滚动条，然后我想把滚动条置底.

遇到的问题:scrollTop不生效

解决方案：scrollTop需要在异步加载完成后再调用，因为是异步的，在去后台获取数据的时候，如果scrollTop就触发了，那么就出现不生效的情况

        function getContent()        
        {
            var url = '192.168.30.128/index.php/api/index/getContent';
            $.ajax({
                type: 'post',
                url: url,
                data : {'from_id':from_id,'to_id':to_id},
                success: function(res){
                    
                    if (res.status == 1) {
                        // console.log(res.data)
                        $(res.data).each(function(index,content){
                            // console.log(content)
                            if(content.from_id == from_id){
                                var html = '<div class="msg guest"><div class="msg-right" customer="游客"><div class="msg-host"><img src="/admin/images/a.jpg" alt=""></div><div class="msg-ball" title="今天 17:52:06">'+content.content+'</div></div></div>'
                                $('#msgs').append(html)
                            }else{
                                var html = '<div class="msg robot"><div class="msg-left" id="welcomeLeft" worker="用户"><div class="msg-host photo" id="welcomeIcon" style="background-image: url(&quot;https://www.v5kf.com/files/icons/201711/15118623985.png&quot;);"></div><div class="msg-ball" id="welcomeBall"><span>'+content.content+'</span></div></div>'
                                $('#msgs').append(html)
                            }
                            // 置底
                            $(".pnl-msgs").scrollTop($(".pnl-msgs")[0].scrollHeight)
                        });
                    }else{
                        alert(res.msg)
                    }

                },			
                error:function(){
                //抛出异常
                    alert('error');    
                }
            }); 
        }