<!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. 【vue】vue +element 搭建项目，组件之间通信

    父子组件通信 父 通过props属性给 子传递数据 子 操作 父  this.$parent.XXX 子通过$emit传递参数 或者通过vue-bus vue-bus既可以实现父子组件之间的通信,也可 ...

  2. tomcat配置通过域名直接访问项目首页步骤

    假设www.ctool.top.ip:192.168.122.135 step 1 申请一个域名并做好DNS解析,或者在hosts文件做域名指向 #vim /etc/hosts www.ctool.t ...

  3. Linux 通过rinetd端口转发来访问内网服务

    可以通过端口映射的方式,来通过具有公网的云服务器 ECS 访问用户名下其它未购买公网带宽的内网 ECS 上的服务.端口映射的方案有很多,比如 Linux 下的 SSH Tunnel.rinetd,Wi ...

  4. Uncaught ReferenceError: layer is not defined

    错误详细信息,如下: Uncaught ReferenceError: layer is not defined' 关键词就是not defined 未定义,那么解决方案就是给它定义. 原来的问题代码 ...

  5. CentOS自带定时任务crontab

    设置定时任务规则,crontab -e,如下示例为每一分钟执行一次脚本 在脚本中写入内容时需注意路径,可以写绝对路径,也可以按照如下形式 exepath=$(cd "$(dirname &q ...

  6. Java NIO1：浅谈I/O模型

    一.什么是同步?什么是异步? 同步和异步的概念出来已经很久了,网上有关同步和异步的说法也有很多.以下是我个人的理解: 同步就是:如果有多个任务或者事件要发生,这些任务或者事件必须逐个地进行,一个事件或 ...

  7. 不可变对象和Biulder模式（面试问题）

    String就是一个典型的不可变对象.外界的操作不能改变它,如果尝试改变都会返回一个新的String对象. 具体实现起来就是把属性全部变成private 和 final的,这个类也是final的不可继 ...

  8. WPF在Canvas中绘图实现折线统计图

    最近在WPF中做一个需要实现统计的功能,其中需要用到统计图,之前也没有接触过,度娘上大多都是各种收费或者免费的第三方控件,不想用第三方控件那就自己画一个吧. 在园子还找到一篇文章,思路来自这篇文章,文 ...

  9. vue编程式导航

    vue项目中使用到了组件间传值,通过路由跳转实现从产品页进入产品详情页查看功能. 使用了this.$router.push(编程式导航) product页面中:因为只需要遮住产品列表页来显示产品详情页 ...

  10. JSOUP如何优秀的下载JPEG等二进制图像

    引言 JSOUP默认是不支持解析JPEG等二进制图像的,解决方法也很简单,只需要加上Jsoup.ignoreContentType(true)这一行代码就可以.关于这一点的原因,来看看官方API说明. ...