在页面中有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 ...
随机推荐
- linux上安装完torch后仍报错：ImportError: No module named torch
linux上安装完torch后仍报错: Traceback (most recent call last): File , in <module> import torch ImportE ...
- Java中Enumeration接口的用法
Enumeration是java.util中的一个接口类,在Enumeration中封装了有关枚举数据集合的方法,与Iterator差不多,用来遍历集合中的元素 但是枚举Enumeration只提供 ...
- [MicroPython]TPYBoardv102超全DIY案例一览
TPYBoardv102是一款比较成熟和经典的MicroPython开发板,不仅适用于学习实验还能应用于大型的工业级开发,是MicroPython入门和研发的不二之选.下面我们就扒开v102的“层层外 ...
- Java多线程（十）——线程优先级和守护线程
一.线程优先级的介绍 java 中的线程优先级的范围是1-10,默认的优先级是5.“高优先级线程”会优先于“低优先级线程”执行. java 中有两种线程:用户线程和守护线程.可以通过isDaemon( ...
- 【原创】jssh linux scp ssh 免密登录开源工具
项目名 JSSH git地址: https://gitee.com/chejiangyi/jssh 项目介绍 linux scp(文件上传,下载) shell命令的java ssh jar和linux ...
- BZOJ 5467 Slay the Spire
BZOJ 5467 Slay the Spire 我的概率基础也太差了.jpg 大概就是这样,因为强化牌至少翻倍,所以打出的牌必定是全部的强化牌或者$k-1$个强化牌,然后剩余的机会打出最大的几个攻击 ...
- BZOJ1004 HNOI2008 Cards Burnside、背包
传送门 在没做这道题之前天真的我以为\(Polya\)可以完全替代\(Burnside\) 考虑\(Burnside\)引理,它要求的是对于置换群中的每一种置换的不动点的数量. 既然是不动点,那么对于 ...
- odoo 11 之signup_with_phone模块分析
signup_with_phone模块的主要功能是允许用户用自己的手机号作为注册登录账号,这里会进行手机号码格式的严格检查,该模块依赖odoo自带的auth_signup注册模块. 该项目地址在htt ...
- JVM规范系列开篇：为什么要读JVM规范？
许多人知道类加载机制.JVM内存模型,但他们可能不知道什么是<Java虚拟机规范>.对于Java开发来说,<Java虚拟机规范>才是最为官方.准确的一个文档,了解这个规范可以让 ...
- .net core实践系列之短信服务-架构设计
前言 上篇<.net core实践系列之短信服务-为什么选择.net core(开篇)>简单的介绍了(水了一篇).net core.这次针对短信服务的架构设计和技术栈的简析. 源码地址:h ...