<!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. Linux 平台下 RMAN 全备 和 增量备份 shell 脚本

    转:http://blog.csdn.net/tianlesoftware/article/details/5740630 全备脚本 以 nocatalog 模式为例: Shell 脚本: ##### ...

  2. 7.封装，static，方法重载

    一.访问修饰符1.public:公共的,所有在该项目中都可见2.protected:受保护的,同包,以及子类不同包可见3.默认:就是不写修饰符.同包4.private:私有,只在同类中 二.封装1.定 ...

  3. .NET 环境中使用RabbitMQ 转发 http://www.cnblogs.com/yangecnu/p/4227535.html

    .NET 环境中使用RabbitMQ   在企业应用系统领域,会面对不同系统之间的通信.集成与整合,尤其当面临异构系统时,这种分布式的调用与通信变得越发重要.其次,系统中一般会有很多对实时性要求不高的 ...

  4. Run Redis

    Cmd window enter console Cd\ E: Cd E:\Graduration\Redis\github Run redis for window 64 After cmd ent ...

  5. Java-Method类常用方法详解

    一.Method类的定义Method类位于 java.lang.reflect 包中,主要用于在程序运行状态中,动态地获取方法信息二.Method类的常用方法  1.getAnnotatedRetur ...

  6. C语言初学者关于数组指针的深度讨论

    一.什么是数组指针? 即是数组的指针.首先它是一个指针,指向数组,指针本身占4个字节. 二.数组指针的使用 int a[3][5]; int (*p)[5]; p=&a; 第二行定义了一个数组 ...

  7. Android测试（一）：在Android中测试App

    原文:https://developer.android.com/training/testing/index.html 测试你的App是开发过程中的重要组成部分.通过对应用程序持续的运行测试,你可以 ...

  8. Java中的hashCode() 和 equals()的若干问题解答

    一.hashCode()的作用 哈希表这个数据结构想必大多数人都不陌生,而且在很多地方都会利用到hash表来提高查找效率.在Java的Object类中有一个方法: public native int ...

  9. 洛谷 P2404 自然数的拆分问题

    题目链接 https://www.luogu.org/problemnew/show/P2404 题目背景 木有...... 题目描述 任何一个大于1的自然数n,总可以拆分成若干个小于n的自然数之和. ...

  10. 一致性Hash算法的原理与实现（分布式映射算法）

    一致性Hash算法解决的问题: 解决分布式系统中的负载均衡问题 背景问题:有N台服务器提供缓存服务,需要对服务器进行负载均衡,将请求平均发到每台服务器上,每台服务器负载1/N的服务 硬Hash映射:将 ...