zoukankan      html  css  js  c++  java
  • 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);
         })

  • 相关阅读:
    android通过httpClient请求获取JSON数据并且解析
    Http请求之HttpClient + AsyncTask异步请求
    HttpClient使用线程锁synchronized
    经典讨论(四)
    DRP学习进化模型
    ftk学习记录(button一片)
    MySQL检查连接的最大数量和改变的最大连接数
    Android_开发人员经常使用的颜色
    jQuery组织您钞四----jQuery操作DOM
    Codeforces 461B Appleman and Tree(木dp)
  • 原文地址:https://www.cnblogs.com/shoolnight/p/6401392.html
Copyright © 2011-2022 走看看