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);
         })

  • 相关阅读:
    51CTO资料索引 很不错
    extern和extern“c"作用详解 以及C和C++混合编程 在文章:3.深层揭密extern "C" 部分可以看到 .
    用VC++实现图像检索技术(转)
    OpenSceneGraph FAQ
    NeHe OpenGL教程 02 渲染第一个多边形
    C++经验谈(摘抄)
    利用条件编译实现工程定制版本的自动输出
    没有文件扩展".js"的脚本引擎 解决办法
    OpenGL FAQ
    NeHe OpenGL教程 01 创建OpenGL窗口
  • 原文地址:https://www.cnblogs.com/shoolnight/p/6401392.html
Copyright © 2011-2022 走看看