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);
})
js控制滚动条默认在底部的更多相关文章
- js控制滚动条在最底部位置
window.scrollTo(0, document.body.scrollHeight) 如果需要始终保持在最底部,可以循环调用该方法 如果是div的 /*滚动条到地步*/ function to ...
- JS控制滚动条的位置
转载▼http://blog.sina.com.cn/s/blog_4481a3460100rwwu.html JS控制滚动条的位置:window.scrollTo(x,y); 竖向滚动条置顶 ...
- js控制treeview默认展开
bootStrapTreeview 在bootstrap的treeview官网,可以找到这个方法,用js控制可以写成:$('#xxx').treeview('collapseNode',{silent ...
- js控制滚动条的位置以及隐藏滚动条
document.documentElement.style.overflow = 'hidden'; //隐藏横竖滚动条 window.scrollTo(0,document.body.scroll ...
- js控制滚动条在内容更新超出时自动滚到底部
//滚动条在内容更新时自动滚到底部var message = document.getElementById('message');message.scrollTop = message.scroll ...
- 《selenium2 python 自动化测试实战》(15)——调用js控制滚动条等操作
看代码: # coding=utf-8 from time import sleepfrom selenium import webdriver driver = webdriver.Firefox( ...
- 爬虫实例——通过JS控制滚动条
案例 某位淘女郎的某个相册 有能力的童鞋可以先尝试一下爬取每张照片的链接. 我曾经尝试过几种方法,下面一一介绍: 第一种方法,采用requests和BeautifulSoup: import requ ...
- Js控制滚动条
1>全局控制 //向上滑动显示 var initTop = 0; var i = 1; $(window).scroll(function(){ var scrollTop = $(docume ...
- python 通过js控制滚动条拉取全文 通过psutil获取pid窗口句柄,通过win32gui使程序窗口前置 通过autopy实现右键菜单和另存为操作
1.参考 利用 Python + Selenium 自动化快速截图 利用 Python + Selenium 实现对页面的指定元素截图(可截长图元素) 使用python获取系统所有进程PID以及进程名 ...
随机推荐
- 对await(),notify()的理解
await(),notify()是java Object类的方法.在两个线程同时访问一个对象的时候可以利用这2个方法实现线程的通信.看下面的例子. public class Account { pri ...
- Tree on the level UVa122
很单纯的树的遍历,但是输入和方向好麻烦!!下面给出代码,题目来自UVa 122 #include<cstdio> #include<cstring> #include<v ...
- 多源最短路径---Floyd-Warshall算法
摘自啊哈算法-知识分享,代码自己有改动,使得输出更直观. 小哼准备去一些城市旅游.有些城市之间有公路,有些城市之间没有,如下图.为了节省经费以及方便计划旅程,小哼希望出发之前知道任意两个城市之间的最短 ...
- Spring-mvc介绍
Spring-mvc介绍 1.1市面上流行的框架 Struts2(比较多) Springmvc(比较多而且属于上升的趋势) Struts1(即将被淘汰) 其他 1.2 spring-mvc结构 1 ...
- struts2.5新配置动态调用
开启动态调用: <constant name="struts.enable.DynamicMethodInvocation" value="true"/& ...
- js中字符串转换为数值的两种方法的区别
在js中字符串转换为数值的方法有三种:转换函数,强制类型转换,隐式转换 1.转换函数 parseInt() //将字符串转换为整型 parseFloat() //将字符串转换为浮点型 转换函数在 ...
- Python字典详解
转载请注明出处 Python字典(dict)是一个很常用的复合类型,其它常用符合类型有:数组(array).元组(touple)和集合(set).字典是一个key/value的集合,key可以是任意可 ...
- js相关小实例——div实现下拉菜单
代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w ...
- Java基础(下)(JVM、API)
Java基础(下) 第三部分:Java源程序的编辑 我们知道,计算机是不能直接理解源代码中的高级语言,只能直接理解机器语言,所以必须要把高级语言翻译成机器语言,计算机才能执行高级语言编写的程序. 翻译 ...
- wemall app商城源码中实现带图片和checkbox的listview
wemall-mobile是基于WeMall的android app商城,只需要在原商城目录下上传接口文件即可完成服务端的配置,客户端可定制修改.本文分享其中实现带图片和checkbox的listvi ...