js控制滚动条默认在底部

时间:2021-09-04 21:30:52

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. 搭建OpenGL环境-Windows&sol;VS2013

    对于opengl的环境,简单搭建的话其实和opencv差不多,你会看到下面的过程与opencv类似,不同的就是某些文件需要自己找(因为不是集成的,各个拓展需要单独下载) 1.首先,对于opengl头文 ...

  2. matlab连接sql数据库

    最近项目还涉及到matlab连接数据库,下面我就记录如何进行配置使得matlab能够连接sql数据库.由于最近工程做的多一些,所以分享的都在工程配置上,当初为了这些配置可是反复卸载与重装,算法其实也有 ...

  3. Python绑定方法,未绑定方法,类方法,实例方法,静态方法

    >>> class foo(): clssvar=[1,2] def __init__(self): self.instance=[1,2,3] def hehe(self): pr ...

  4. Delphi MDI程序 父窗体如何调用当前活动子窗体的函数&sol;过程

    一个MDI文本文件编辑器打开了N个子窗体子窗体的.pas文件有一些public的过程和函数我想在父窗体调用当前活动的子窗体函数我用Self.ActiveChildForm无法调用直接frmEdit.x ...

  5. 管理口令&lpar;P&rpar;&colon;&lbrack;INS-30001&rsqb; ADMIN口令为空之Oracle安装

    在安装oracle database11g 发行版的时候出现下面这个问题. 无论怎么输入密码都提示有问题,都输入得鬼火了!去百度了一下,果然有命名规则的 规则如下:小写字母+数字+大写字母

  6. lua string 库

    --lua中字符串索引从前往后是1,2,……,从后往前是-1,-2……. --string库中所有的function都不会直接操作字符串,只返回一个结果. ---------------------- ...

  7. AngularJS开发下一代Web应用笔记(一)

    一.写在最前 AngularJS是Google推出的一款Web应用开发框架.它提供了一系列兼容性良好并且可扩展的服务,包括数据绑定.DOM操作.MVC设计模式和模块加载等. 现在网上JS框架茫茫多,真 ...

  8. &lbrack;Excel&rsqb; C&num; ExcelHelper操作类 &lpar;转载&rpar;

    点击下载 ExcelHelper.rar 主要功能如下1.导出Excel文件,自动返回可下载的文件流 2.导出Excel文件,转换为可读模式3.导出Excel文件,并自定义文件名4.将数据导出至Exc ...

  9. ui设计未来前景怎么样?ui设计这个行业怎么样?

    千锋UI设计师培训不仅有正常的培训课程,还为学员提供了UI+产品经理周末提升班,目的是为了给那些有基础的UI设计师提高能力.今天要为大家说的是一位千锋UI设计师的故事. 大家好,我是千锋UI设计培训部 ...

  10. 你不知道的JavaScript--Item2 浮点数精度

    理解JavaScript的浮点数 大多数编程语言都有几种数值型数据类型,但是JavaScript却只有一种.你可以使用typeof 运算符查看数字的类型.不管是整数还是浮点数,JavaScript都将 ...