<!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最顶部的更多相关文章

  1. iScroll框架解析——Android 设备页面内 div（容器，非页面）overflow:scroll; 失效解决（转）

    移动平台的活,兼容问题超多,今儿又遇到一个.客户要求在弹出层容器内显示内容,但内容条数过多,容器显示滚动条.按说是So easy,容器设死宽.高,CSS加属性 overflow:scroll; -we ...

  2. css pre如果同时运用了css的border-radius、 overflow两个属性且标签中内容太多时,外部div滚动条在firefox下滚动时很卡

    pre如果同时运用了css的border-radius. overflow两个属性且标签中内容太多时,外部div滚动条在firefox下滚动时很卡. 解决方法:去掉css中border-radius. ...

  3. JavaScript一个页面中有多个audio标签，其中一个播放结束后自动播放下一个，audio连续播放

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. iOS 页面跳转传值，属性传值，代理传值，代码块传值，单例传值，通知传值

    有时候我们在页面跳转的时候回传递相应的参数,如,你想把在第一个页面的文本框里的内容显示在第二个文本框中,或者你又想把第二个文本框中的内容改变之后到第一个页面的文本框中,所有,这个时候我们就要用到页面跳 ...

  5. Asp.net 页面访问模板页的属性

    首先 页面需要添加下面一段代码 <%@ MasterType VirtualPath="~/User/User.Master" %> 添加的位置如图 这样就可以在这个页 ...

  6. Selenium2学习-028-WebUI自动化实战实例-026-获取页面元素值或者元素属性值

    在自动化脚本编写过程中,经常需要获取页面元素的文本进行判断,以便对于不同的文本进行不同的处理.比如:很多的购物网站,加入购物车的按钮是有多个状态的(加入购物车.到货通知.暂不销售等),那么在实际的操作 ...

  7. 【iOS 】UIView 中有一个autoresizingMask的属性

    在 UIView 中有一个autoresizingMask的属性,它对应的是一个枚举的值(如下),属性的意思就是自动调整子控件与父控件中间的位置,宽高. 1 2 3 4 5 6 7 8 9 enum  ...

  8. 【2017-05-21】WebForm跨页面传值取值、C#服务端跳转页面、 Button的OnClientClick属性、Js中getAttribute和超链接点击弹出警示框。

    一.跨页面传值和取值: 1.QueryString - url传值,地址传值 优缺点:不占用服务器内存:保密性差,传递长度有限. 通过跳转页面路径进行传值,方式: href="地址?key= ...

  9. WebForm跨页面传值取值、C#服务端跳转页面、 Button的OnClientClick属性和超链接点击弹出警示框

    一.跨页面传值和取值: 1.QueryString - url传值,地址传值 优缺点:不占用服务器内存:保密性差,传递长度有限. 通过跳转页面路径进行传值方式: href="地址?key=v ...

随机推荐

  1. iptables 设置端口转发/映射

    iptables 设置端口转发/映射 服务器A有两个网卡 内网ip:192.168.1.3 外网ip:10.138.108.103 本地回环:127.0.0.1 服务器B有网卡,8001提供服务 内网 ...

  2. 17 python 初学（迭代器）

    生成器都是迭代器,迭代器不一定是生成器 迭代器满足两个条件: 1. 有iter方法 2. 有next方法 # list, tuple, dict, string: iterable(他们都有iter方 ...

  3. go标准库的学习-os

    参考https://studygolang.com/pkgdoc 导入方式: import "os" os包提供了操作系统函数的不依赖平台的接口 一开始简单举个例子: packag ...

  4. Recurrent Neural Network[survey]

    0.引言 我们发现传统的(如前向网络等)非循环的NN都是假设样本之间无依赖关系(至少时间和顺序上是无依赖关系),而许多学习任务却都涉及到处理序列数据,如image captioning,speech ...

  5. Android so注入(inject)和Hook技术学习（一）

    以前对Android so的注入只是通过现有的框架,并没有去研究so注入原理,趁现在有时间正好拿出来研究一下. 首先来看注入流程.Android so的注入流程如下: attach到远程进程 -> ...

  6. SpringBoot分布式 - Dubbo+ZooKeeper

    一:介绍 ZooKeeper是一个分布式的,开放源码的分布式应用程序协调服务.它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护.域名服务.分布式同步.组服务等. Dubbo是Alib ...

  7. C# socket实践 - 简易版FTP（Server & Client）

    写了个简易版的ftp(服务器和客户端),运行效果如下图: click download下载中的UI: 原理:模仿正规ftp方式,分成2个socket连接:文本命令socket.数据信道socket. ...

  8. 容器技术｜Docker三剑客之docker-machine

    docker-machine是什么? ocker-machine就是docker公司官方提出的,用于在各种平台上快速创建具有docker服务的虚拟机的技术,甚至可以通过指定driver来定制虚拟机的实 ...

  9. NPOI生成excel并下载

    NPOI文件下载地址:http://npoi.codeplex.com/ 将文件直接引用至项目中即可,,,,, 虽然网上资料很多,但有可能并找不到自己想要的功能,今天闲的没事,所以就稍微整理了一个简单 ...

  10. layui轮播中箭头不起作用问题

    layui轮播中箭头不起作用问题 layui轮播插件在使用中发现箭头不起作用其他都合适,是什么原因造成的呢?发现单独提出layui中的demo是合适的,通过仔细慢慢的寻找,发现layui.use('c ...