js控制滚动条默认在底部

js控制滚动条默认在底部

html：

<div id="chat_content" class="chat_content">
                    <div class="middle_head">
                        <div class="blue_img"></div>
                        <span>查看更多消息</span>
                    </div>
                    <div class="store_products">
                        <img src="img/2015.jpg" />
                        <div>
                            <p>商品编号:</p>
                            <p>商品名称:乐视超级电视S50 Air 全配版 50英寸2D智能LED黑色（Letv S50 Air）</p>
                        </div>
                    </div>
                    <div class="person1">
                        <p>测试小店客服</p>
                        <img src="img/04.png" />
                        <div class="chat_box">
                            <div class="chat1">
                                乐视TV什么时候发货，重庆提供安装服务吗？ 乐视TV什么时候发货，重庆提供安装服务吗？ 乐视TV什么时候发货，重庆提供安装服务吗？ 乐视TV什么时候发货，重庆提供安装服务吗？ 乐视TV什么时候发货，重庆提供安装服务吗？ 乐视TV什么时候发货，重庆提供安装服务吗？ 乐视TV什么时候发货，重庆提供安装服务吗？
                            </div>
                        </div>
                    </div>
                    <div class="person2">
                        <p>戴尔官方直营店</p>
                        <img src="img/03.png" />
                        <div class="chat_box2">
                            <div class="chat2">
                                乐视超级电视S50 Air 全配版 50英寸2D智能LED黑色（Letv S50 Air） 乐视TV什么时候发货，重庆提供安装服务吗？乐视TV什么时候发货，重庆提供安装服务吗？ 乐视超级电视S50 Air 全配版 50英寸2D智能LED黑色（Letv S50 Air） 乐视TV什么时候发货，重庆提供安装服务吗？乐视TV什么时候发货，重庆提供安装服务吗？ 乐视超级电视S50 Air 全配版 50英寸2D智能LED黑色（Letv S50 Air） 乐视TV什么时候发货，重庆提供安装服务吗？乐视TV什么时候发货，重庆提供安装服务吗？
                            </div>
                        </div>
                    </div>
                    
                    <div class="person1">
                        <p>测</p>
                        <img src="img/04.png" />
                        <div class="chat_box">
                            <div class="chat1">乐？</div>
                        </div>
                    </div>
                    <div class="person1">
                        <p>测试小店客服dgbawvrbhrwaet</p>
                        <img src="img/04.png" />
                        <div class="chat_box">
                            <div class="chat1">乐视TV什么时候发货，重庆提供安装服务吗？</div>
                        </div>
                    </div>
                    <div class="person2">
                        <p>戴尔官方直营店</p>
                        <img src="img/03.png" />
                        <div class="chat_box2">
                            <div class="chat2">
                                乐视超级电视S50 Air 全配版 50英寸2D智能LED黑色（Letv S50 Air） 乐视TV什么时候发货，重庆提供安装服务吗？乐视TV什么时候发货，重庆提供安装服务吗？
                            </div>
                        </div>
                    </div>
                    <div class="person2">
                        <p>戴尔官方直营店</p>
                        <img src="img/03.png" />
                        <div class="chat_box2">
                            <div class="chat2">
                                吗？</div>
                        </div>
                    </div>
                    <div class="person2">
                        <p>戴店</p>
                        <img src="img/03.png" />
                        <div class="chat_box2">
                            <div class="chat2">
                                乐？</div>
                        </div>
                    </div>
                    <div class="chat_time">
                        <p class="center gray">2017-02-03 17:50:20</p>
                        <p class="center gray">上次聊到这里</p>
                        <p class="center currentmsg">您好,<span class="current">测试小店</span> 客服很高兴为您服务!</p>
                        <p class="center gray">09:36</p>
                    </div>
                    <div class="person3">
                        <p>戴尔官方直营店</p>
                        <div class="chat_box3">
                            <img src="img/2017.jpg" />
                            <div>
                                乐视超级电视S50 Air 全配版 50英寸2D智能LED黑色（Letv S50 Air）
                                <span class="red">10.00</span>
                            </div>
                        </div>
                    </div>
                </div>

CSS:

　　.chat_content {
   　　 overflow-x: hidden;
  　　  position: relative;
  　　  height: 363px;
　　}

JS:

　　$(document).ready(function(){
      　　  $('.chat_content').scrollTop($('.chat_content')[0].scrollHeight);
   　 })

 

posted @ 2017-03-16 10:04 Monroe.Yu 阅读( ...) 评论( ...) 编辑 收藏