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. JS特效——文字打印机

    关键源码如下: 代码一 <!doctype html> <html lang="en"> <head> <meta charset=&qu ...

  2. 操作符、语句、函数——Javascript高级程序设计

    1.操作符 一元操作符:++.--放在变量前后的区别,+.—表示正负 位操作符:64位存储.32位计算,对NOT.AND.OR.XOR.<<.>>.>>>的掌 ...

  3. VFL(Visual Format Language)语言

    VFL的使用 使用VFL来创建约束数组: +(NSArray *)constraintsWithVisualFormat:(NSString *)format options:(NSLayoutFor ...

  4. HttpWebRequest 模拟网站登录获取数据

    此文档仅仅是一个BaseCode,已做后续查阅 项目使用IBM Platform Symphony分布式平台,所有业务处理都在这个分布式平台上计算,需求是获取这些计算机机群的运行状态,和每一个服务的的 ...

  5. RHEL 6.0 FTP服务器配置菜鸟配置过程记录

    环境: 虚拟机 RHEL6.0  为了图方便,直接就默认安装了,结果酿成大错,后表~~ 项目:搭建VSFTPD服务器 1.网络ifconfig 配置好,给个IP 2.RPM包或者YUM安装vsftpd ...

  6. 使用Nexus搭建Maven代理仓库

    使用Maven构建和管理项目是非常享受的一件事,我们可以从Maven中央仓库下载所需要的构件(artifact),但实际开发中由于种种原因我们需要在架设一个Maven本地代理仓库,如:不方便访问公网. ...

  7. html5部分相关

    滚动速度属性 scrollamount 例子<marquee scrollamount="3">这个速度是3</marquee> <marquee s ...

  8. 读书笔记 effective c++ Item 32 确保public继承建立“is-a”模型

    1. 何为public继承的”is-a”关系 在C++面向对象准则中最重要的准则是:public继承意味着“is-a”.记住这个准则. 如果你实现一个类D(derived)public继承自类B(ba ...

  9. Ubuntu 开机启动是出现 grub rescue 解决办法

    最近想在Ubuntu的基础上,再在硬盘的一个分区安装Windows,其中有次不小心,在安装windows的时候,删除了一个分区,造成下次启动Ubuntu系统出现 grub rescue 下面是我的修复 ...

  10. PHP无锁内存nosql---Yac的实战

    无锁内存nosql---Yac的实战 最近在工作使用了yac,所以比较了下Memcache和Yac的高并发读写性能测试,发现Yac要比Memcache快很多(这里没有比较Yac和Apc的性能情况, 不 ...