在页面中有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 ...
随机推荐
- hive复杂类型实战
1.hive 数组简单实践: CREATE TABLE `emp`( `name` string, `emps` array<string>) ROW FORMAT SERDE 'org. ...
- 小a与星际探索
链接:https://ac.nowcoder.com/acm/contest/317/C来源:牛客网 小a正在玩一款星际探索游戏,小a需要驾驶着飞船从11号星球出发前往nn号星球.其中每个星球有一个能 ...
- QT插件+ROS 1 安装配置
测试环境: 系统版本:Ubuntu14.04 ROS版本:indigo QT版本:5.8.0 QtCreator安装 1 安装前准备,安装相应的GNU开发工具集和OpenGL开发库, 请注意安装软件都 ...
- Redo丢失的4种情况及处理方法
这篇文章重点讨论Redo丢失的几种情况,及每种情况的处理方法. 一.说明:1.以下所说的当前日志指日志状态为CURRENT,ACTIVE,非当前日志指日志状态为INACTIVE2.不用考虑归档和非归档 ...
- Generative Adversarial Nets[CAAE]
本文来自<Age Progression/Regression by Conditional Adversarial Autoencoder>,时间线为2017年2月. 该文很有意思,是如 ...
- LOJ2014 SCOI2016 萌萌哒 并查集、ST表优化连边
传送门 一个朴素的做法就是暴力连边并查集,可是这是\(O(n^2)\)的.发现每一次连边可以看成两个区间覆盖,这两个区间之间一一对应地连边.可线段树对应的两个节点的size可能不同,这会导致" ...
- 开源工具 DotnetRSA 快速生成和转换RSA秘钥
一.简介 DotnetRSA 是一个利用 .NET Core 2.1 开发的 .NET Global Tool,是可以想npm全局安装一样,安装在你的系统中,只需敲一行命令便可以快速生成RSA加密算法 ...
- Webpack+Typescript 简易配置
教程:https://www.cnblogs.com/yasepix/p/9294499.html http://developer.egret.com/cn/github/egret-docs/ex ...
- 【博客迁移】hyrepo.com
博客迁移至 www.hyrepo.com
- 解决CPC撰写文档报错问题“无法获取“AxforApplication”控件的窗口句柄。不支持无窗口的 ActiveX 控件”
最近公司需要把官方CPC电子申请移植到项目中,在移植完成后,撰写文档总是出现“无法获取“AxforApplication”控件的窗口句柄.不支持无窗口的 ActiveX 控件”,另楼主头疼很久,网上寥 ...