在页面中有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 ...
随机推荐
- Spring batch
学习了解 https://www.ibm.com/developerworks/cn/java/j-lo-springbatch1/index.html?ca=drs-#ibm-pcon
- pytorch .detach() .detach_() 和 .data用于切断反向传播
参考:https://pytorch-cn.readthedocs.io/zh/latest/package_references/torch-autograd/#detachsource 当我们再训 ...
- django一般架构思维导图
本例已django项目名称为myblog,其下面有2个应用blog和comment介绍:
- autoware
在 Autoware目录下执行 git checkout 将版本切换到1.10.0 因为最新版驱动有问题然后执行 sudo apt-get update sudo apt-get install -y ...
- Android so注入(inject)和Hook技术学习（一）
以前对Android so的注入只是通过现有的框架,并没有去研究so注入原理,趁现在有时间正好拿出来研究一下. 首先来看注入流程.Android so的注入流程如下: attach到远程进程 -> ...
- Java Statement PK PrepareStatement
PreparedStatement是用来执行SQL查询语句的API之一,Java提供了 Statement.PreparedStatement 和 CallableStatement三种方式来执行查询 ...
- Groovy语言学习--语法基础（5）
至此groovy语言学习-语法基础就结束了,新的工作已经安排下来,要干活了. 对groovy了解到一定程度之后就可以在java项目中对其进行引入了.为此新建了一个微型的项目,个人觉得千言万语不如代码实 ...
- Cgroups 与 Systemd
Cgroups 是 linux 内核提供的一种机制,如果你还不了解 cgroups,请参考前文<Linux cgroups 简介>先了解 cgroups.当 Linux 的 init 系统 ...
- Docker for .Net Developers（part1：Docker基本概念介绍）
一.什么是Docker 目前,.Net 社区中很可能会用到的两个词是“微服务”和“Docker”. 这两个主题都非常引人注目,并为开发人员和架构师带来兴奋之情. 在这个新系列的博客文章中,我把自己最近 ...
- 使用Thrift让Python和C#可以相互调用
在聊如何使用Thrift让Python和C#可以互相调用之前,我们先来看看下面的话题. 一.什么是微服务.微服务的特征.诞生的背景.优势和不足 微服务:使用一套小服务来开发单个应用的方式,每个服务运行 ...