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

js控制滚动条默认在底部的更多相关文章

  1. js控制滚动条在最底部位置

    window.scrollTo(0, document.body.scrollHeight) 如果需要始终保持在最底部,可以循环调用该方法 如果是div的 /*滚动条到地步*/ function to ...

  2. JS控制滚动条的位置

    转载▼http://blog.sina.com.cn/s/blog_4481a3460100rwwu.html     JS控制滚动条的位置:window.scrollTo(x,y); 竖向滚动条置顶 ...

  3. js控制treeview默认展开

    bootStrapTreeview 在bootstrap的treeview官网,可以找到这个方法,用js控制可以写成:$('#xxx').treeview('collapseNode',{silent ...

  4. js控制滚动条的位置以及隐藏滚动条

    document.documentElement.style.overflow = 'hidden'; //隐藏横竖滚动条 window.scrollTo(0,document.body.scroll ...

  5. js控制滚动条在内容更新超出时自动滚到底部

    //滚动条在内容更新时自动滚到底部var message = document.getElementById('message');message.scrollTop = message.scroll ...

  6. 《selenium2 python 自动化测试实战》(15)——调用js控制滚动条等操作

    看代码: # coding=utf-8 from time import sleepfrom selenium import webdriver driver = webdriver.Firefox( ...

  7. 爬虫实例——通过JS控制滚动条

    案例 某位淘女郎的某个相册 有能力的童鞋可以先尝试一下爬取每张照片的链接. 我曾经尝试过几种方法,下面一一介绍: 第一种方法,采用requests和BeautifulSoup: import requ ...

  8. Js控制滚动条

    1>全局控制 //向上滑动显示 var initTop = 0; var i = 1; $(window).scroll(function(){ var scrollTop = $(docume ...

  9. python 通过js控制滚动条拉取全文 通过psutil获取pid窗口句柄,通过win32gui使程序窗口前置 通过autopy实现右键菜单和另存为操作

    1.参考 利用 Python + Selenium 自动化快速截图 利用 Python + Selenium 实现对页面的指定元素截图(可截长图元素) 使用python获取系统所有进程PID以及进程名 ...

随机推荐

  1. Raid0、Raid1、Raid0+1、Raid3和Raid5 几种磁盘阵列区别

    前两天发现服务器挂了,到机房重启时发现硬盘挂载不上,虽然是开发,但是在交接工作的时候被告知了一点硬件的知识,判断出是硬盘故障.这个呵呵了,修不来只能找服务器售后来换硬盘或是维修了. 关于怎么诊断出硬盘 ...

  2. Xamarin组件包 Xamarin.ToolKit第二波

    Xamarin.ToolKit第二波 一 圆角按钮 xamarin.froms提供的标准button按钮设置了圆角和边框,都没有明显圆角样式,于是乎自己重写了渲染类.道理吧就是重写ButtonRend ...

  3. android列表停止滚动,加载图片,较为通用的一种办法

    在Adapter的itemView里面,判断列表是否在滚动中,其实是比较麻烦的,可能耦合性会比较严重. 所以考虑了下,是否能在itemView里面,检测列表的滚动状态,并监听停止状态加载图片,实现it ...

  4. SpringMVC 集成velocity

    前言 没有美工的时代自然少不了对应的模板视图开发,jsp时代我们用起来也很爽,物极必反,项目大了,数据模型复杂了jsp则无法胜任. 开发环境 idea2016.jdk1.8.tomcat8.0.35 ...

  5. ZOJ 1492 Maximum Clique 搜索最大团

    ZOJ1492 题意:给一个无向图 求最大团的大小.节点数小于50 数据有限,考虑记忆化搜索,方程很好给出. 令 Si={vi,vi+1.....vn} mc[i]表示Si最大团的大小,倒着推算. 必 ...

  6. SecureCRT文件传输模式

    前言 如下图所示,SecureCRT6.5.0 有4种文件传输模式. 1)ASCII:最快的传输模式,但只能传文本 2)Xmodem:非常古老的传输协议速度较慢,但由于使用了CRC错误侦测方法,传输的 ...

  7. SQL server 数据库 ——聚合函数(一列 多行,值类型)

    聚合函数 5种函数: 1.max最大值   select max(price) from car where code='c024' 2.min最小值   select * from car wher ...

  8. JAVA面试题和答案(二)

    本文我们将要讨论Java面试中的各种不同类型的面试题,它们可以让雇主测试应聘者的Java和通用的面向对象编程的能力.下面的章节分为上下两篇,第一篇将要讨论面向对象编程和它的特点,关于Java和它的功能 ...

  9. Archlinux 的U盘自动装载(三)udevil

    U盘的自动装载方法,目前我已经使用过以下几种方法: udev 规则 基于 udev 规则的 Shell script udisks 以及 udisks2 结果,总是存在这样那样的小问题.例如,文件名乱 ...

  10. 【js数据结构】栈解决括号不匹配问题

    栈可以用来判断一个算术表达式中的括号是否匹配. 思路:读取算术表达式,遇到左括号'{'.'['.'('压入栈,栈的特点是后入先出,所以当遇到右括号'}'.']'.')'的时候,取出栈顶元素,是否满足读 ...