如果我们从数据库中获取数据，那么使用javascript和codeigniter向下滚动不起作用

若我们不从数据库中提取数据，那个么若我们插入消息，那个么滚动条就会正确地向下移动。但是，如果我们从数据库中获取数据，向下滚动是不起作用的

从数据库窗体插入和获取数据

 <div class="panel-body msg_container_base">
                                <?php foreach ($customer_to_supplier as $row ) { ?>


                                    <div class="row msg_container base_sent" >
                                        <div class="col-md-10 col-xs-10">
                                            <div class="messages msg_sent">
                                                <p ><?php echo $row->message; ?></p>
                                            </div>
                                        </div>
                                    </div>


                                <div class="row msg_container base_receive">
                                    <div class="col-md-10 col-xs-10">
                                        <div class="messages msg_receive">
                                            <p><?php // echo $row->message; ?></p>
                                        </div>
                                    </div>
                                </div>

                                <chat_log> . </chat_log>
                                <?php } ?>
                            </div>




     <form class="form-horizontal msg_fixed_bottom"   method="POST" role="form" action="<?php echo base_url(); ?>index.php/Profile_cntrl/supplier_communication"> 
                                            <div class="panel-footer" id="myForm" >
                                                <div class="input-group submit_group">
         *
        <!--                                        <input type ="hidden" name="suppid" id="suppid" value="<?php // echo $row->supplier_id;  ?>" class="form-control" />
                                                <input type ="hidden" name="proid" id="proid" value="<?php // echo $row->product_id;  ?>" class="form-control" />
                                                <input type ="hidden" name="custid" id="custid" value="<?php // echo $row->Customer_id;  ?>" class="form-control" />-->



                                                    <input id="messagee" name="messagee" type="text" class="form-control input-sm chat_input" placeholder="Write your message here..." />


                                                    <span class="input-group-btn">
                                                        <button class="btn btn-primary btn-sm" id="submit" name="submit">Send</button>
                                                    </span>
                                                </div>
                                            </div>
                                        </form>

. 
请检查我下面的代码


$（文档）.ready（函数（）{
向下滚动（）；
$（“#提交”）。单击（功能（e）{
e、 预防默认值（）；
var message=$（“#messagee”）.val（）；
$（“#聊天记录”）。追加（“”+消息+”
”）；
$（'#messagee'）.val（''）；
向下滚动（）；
});
});
函数scrollDown（）{
$（'.msg_container_base'）。动画（{scrollTop:$（'.msg_container_base'）。道具（“scrollHeight”）}，500）；
}

。文本危险{
颜色：#ff0500；
字体大小：10px；
浮动：对；
字体大小：粗体；
}
/*新消息css*/
.msg\u容器\u底座{
背景：#e5；
保证金：0；
填充：0 10px 10px；
最大高度：80vh；
溢出x：隐藏；
}
.顶栏{
背景:#666；
颜色：白色；
填充：10px；
位置：相对位置；
溢出：隐藏；
}
.msg_receive{
左侧填充：0；
左边距：0；
}
.msg_已发送{
填充底部：20px！重要；
右边距：0；
}
.留言{
背景：白色；
填充：10px；
边界半径：2px；
盒影：0 1px2pRGBA（0,0,0,0.2）；
最大宽度：100%；
}
.messages>p{
字体大小：13px；
保证金：0.2rem 0；
}
.信息>时间{
字体大小：11px；
颜色：#ccc；
}
.msg_容器{
填充：10px；
溢出：隐藏；
}
.base\u receive>。化身：之后{
内容：“；
位置：绝对位置；
排名：0；
右：0；
宽度：0；
身高：0；
边框：5px实心#FFF；
左边框颜色：rgba（0,0,0,0）；
边框底色：rgba（0,0,0,0）；
}
.base_已发送{
证明内容：柔性端；
对齐项目：柔性端；
}
.base\u已发送>.avatar:之后{
内容：“；
位置：相对位置；
底部：0；
左：0；
宽度：0；
身高：0；
边框：5px纯白；
右边框颜色：透明；
边框顶色：透明；
盒影：1px 1px 2px rgba（黑色，0.2）；
}
.msg_sent>时间{
浮动：对；
}
.msg_container_base:：-webkit滚动条轨迹
{
-webkit盒阴影：插入0.0 6px rgba（0,0,0,0.3）；
背景色：#F5；
}
.msg_container_base:：-webkit滚动条
{
宽度：12px；
背景色：#F5；
}
.msg_container_base:：-webkit滚动条拇指
{
-webkit盒阴影：插入0.0 6px rgba（0,0,0,3）；
背景色：#555；
}
.btn-group.dropup{
位置：相对位置；
左：0px；
底部：0；
}

提供头衔

Lorem Ipsum只是印刷和排版行业的虚拟文本。


Lorem Ipsum只是印刷和排版行业的虚拟文本。


Lorem Ipsum只是印刷和排版行业的虚拟文本。


传说
       <script>
            $("#submit").click(function () {
                var data = $("#messagee").val();
                //console.log(data);
                $('chat_log').append('<div class="row msg_container base_sent"><div class="col-md-10 col-xs-10"><div class="messages msg_receive"><p>' + .message + '</p></div></div></div>');
                clearInput();
                console.log($('.msg_container_base').innerHeight())
                $('.msg_container_base').scrollTop($('.msg_container_base')[0].scrollHeight)
            });

//            function clearInput() {
//                $("#myForm :input").each(function () {
//                    $(this).val(''); //hide form values
//                });
//            }
//
//            $("#myForm").submit(function () {
//                return false; //to prevent redirection to save.php
//            });

        </script>