在页面中有overflow-y:auto属性的div,当出现滚动条，点击返回顶部按钮，内容回这个div最顶部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<style>
.lala{
width: 10%;
background: pink;
color: #333;
height: 200px;
overflow: auto;
}
</style>
<div id="outerDiv" class="lala">
<p>
水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜
水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜水光潋滟晴方好
山色空蒙雨亦奇
欲把西湖比西子
淡妆浓抹总相宜
</p>
</div>
<button onclick="document.getElementById('outerDiv').scrollTop=0;" class="joinbtn">返回顶部</button>
</body>
<script src="jquery-1.8.3.min.js"></script>
<script> </script>
</html>
在页面中有overflow-y:auto属性的div,当出现滚动条，点击返回顶部按钮，内容回这个div最顶部的更多相关文章
- iScroll框架解析——Android 设备页面内 div（容器，非页面）overflow:scroll; 失效解决（转）
移动平台的活,兼容问题超多,今儿又遇到一个.客户要求在弹出层容器内显示内容,但内容条数过多,容器显示滚动条.按说是So easy,容器设死宽.高,CSS加属性 overflow:scroll; -we ...
- css pre如果同时运用了css的border-radius、 overflow两个属性且标签中内容太多时,外部div滚动条在firefox下滚动时很卡
pre如果同时运用了css的border-radius. overflow两个属性且标签中内容太多时,外部div滚动条在firefox下滚动时很卡. 解决方法:去掉css中border-radius. ...
- JavaScript一个页面中有多个audio标签，其中一个播放结束后自动播放下一个，audio连续播放
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- iOS 页面跳转传值，属性传值，代理传值，代码块传值，单例传值，通知传值
有时候我们在页面跳转的时候回传递相应的参数,如,你想把在第一个页面的文本框里的内容显示在第二个文本框中,或者你又想把第二个文本框中的内容改变之后到第一个页面的文本框中,所有,这个时候我们就要用到页面跳 ...
- Asp.net 页面访问模板页的属性
首先 页面需要添加下面一段代码 <%@ MasterType VirtualPath="~/User/User.Master" %> 添加的位置如图 这样就可以在这个页 ...
- Selenium2学习-028-WebUI自动化实战实例-026-获取页面元素值或者元素属性值
在自动化脚本编写过程中,经常需要获取页面元素的文本进行判断,以便对于不同的文本进行不同的处理.比如:很多的购物网站,加入购物车的按钮是有多个状态的(加入购物车.到货通知.暂不销售等),那么在实际的操作 ...
- 【iOS 】UIView 中有一个autoresizingMask的属性
在 UIView 中有一个autoresizingMask的属性,它对应的是一个枚举的值(如下),属性的意思就是自动调整子控件与父控件中间的位置,宽高. 1 2 3 4 5 6 7 8 9 enum ...
- 【2017-05-21】WebForm跨页面传值取值、C#服务端跳转页面、 Button的OnClientClick属性、Js中getAttribute和超链接点击弹出警示框。
一.跨页面传值和取值: 1.QueryString - url传值,地址传值 优缺点:不占用服务器内存:保密性差,传递长度有限. 通过跳转页面路径进行传值,方式: href="地址?key= ...
- WebForm跨页面传值取值、C#服务端跳转页面、 Button的OnClientClick属性和超链接点击弹出警示框
一.跨页面传值和取值: 1.QueryString - url传值,地址传值 优缺点:不占用服务器内存:保密性差,传递长度有限. 通过跳转页面路径进行传值方式: href="地址?key=v ...
随机推荐
- 【转】具透 | 你可能不知道，iOS 10 有一个中国「特供」的联网权限功能
9 月底,苹果正式在北京成立了苹果中国研发中心.近几年,我们也在每年更新的 iOS 系统中不断看到,苹果对中国市场的关照.从早前的九宫格输入法,到最近的骚扰电话拦截,都照顾了国内用户的需求. 在 iO ...
- HashMap 1.8
1.重要参数 和1.7中的相同,不在赘述.变化之处在于table不在是Entry类型而是Node类型,即1.8中拉链法中的节点类型变为Node.但其实结构并没有发生很大的变化,1.8中的HashMap ...
- mongodb java3.2驱动 测试 一些记录
mongo驱动包 自带线程池的概念 获取 MongoClient mongoClient 后 通过客户端(mongoClient ) 获取 库操作 MongoDatabase 获取 表操作 Mongo ...
- FineUIMvc新特性速递（大间距模式，隐藏菜单垂直滚动条）
即将发布的 FineUIMvc 新版本会引入两个重要的特性,用来提升用户体验,现在就来先睹为快吧: 大间距模式 我们已经支持的显示模式有:紧凑模式,普通模式,大字体模式. 紧凑模式: 普通模式: 大字 ...
- SpringBoot整合Mybatis使用注解或XML的方式开发
2018-6-4 补充mybatis-spring-boot注解的使用 1.导包 只需要再导入mysql+mybatis两个包 <dependency> <groupId>or ...
- ajax请求基于restFul的WebApi(post、get、delete、put)
近日逛招聘软件,看到部分企业都要求会编写.请求restFul的webapi.正巧这段时间较为清闲,于是乎打开vs准备开撸. 1.何为restFul? restFul是符合rest架构风格的网络API接 ...
- 配置Apache虚拟主机
实验环境 一台最小化安装的CentOS 7.3虚拟机 配置基础环境 1. 安装apache yum install -y httpd 2. 建立虚拟主机的根目录 mkdir /var/wwwroot ...
- Google 宣布在 4 月 1 日关闭站内搜索
今春,Google 计划终止又一项产品,它就是“站内搜索”(Site Search)功能.这项产品主要出售给 web 出版商,让它们可以在自家网站内运用业内领先的搜索技术.虽然该公司并未公开宣布此事, ...
- .net Core 调用微信Jsapi接口，H5解析二维码
项目里需要用到扫描二维码,自己实现,不会. 找到了两种解决方案: 通过reqrcode.js,这是一个前端解析二维码内容的js库.如果二维码比较清晰,用这种效果也不错 调用微信扫一扫功能,这种效果很好 ...
- Bootstrap 栅格 样式 组件 插件
-----------------------------起先是我们造成习惯,后来是习惯造成我们. day 51 Bootstrap 官方网站: bootcss.com/ <!DOCTYP ...