在页面中有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>

时间： 2024-10-13 03:13:36

在页面中有overflow-y:auto属性的div,当出现滚动条，点击返回顶部按钮，内容回这个div最顶部的相关文章

css overflow(visible auto hidden scroll)教程

DIV CSS overflow (visible auto hidden scroll)语法结构与css overflow教程 Overflow可以实现隐藏超出对象内容,同时也有显示与隐藏滚动条的作用,接下来我们来了解学习css overflow样式.一.Overflow语法值 - TOP overflow : visible | auto | hidden | scroll 当然overflow可以单独设置X(overflow-x )和Y(overflow-y)方向的滚动条样式其值与应用与o

hibernate配置文件中"hbm2ddl.auto"属性的用法

hibrenate配置中有一个“hbm2ddl.auto”的属性,它表示hibernate数据表自动创建的策略 1.create:根据*.hbm.xml配置来生成数据表,每次运行都会删除上次生成的表,即使没有任何改变 2.create-drop:生成数据表,每次SessionFactory关闭时删除表结构 3.update:最常用的取值,如果数据表的结构改变了,hibernate会将改变的列添加进来,并不删除之前的列 4.Validate:会将*.hbm.xml中的对象结构和数据表中的结构进行比

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

有时候我们在页面跳转的时候回传递相应的参数,如,你想把在第一个页面的文本框里的内容显示在第二个文本框中,或者你又想把第二个文本框中的内容改变之后到第一个页面的文本框中,所有,这个时候我们就要用到页面跳转传值 1.属性传值(正向传值) 属性传值是正向传值,只可以从前面一个页面传递到第二个页面,不可以从第二个页面传递到第一个页面 2.代理传值(逆向传值) 代理传值是逆向传值代理传值步骤代理传值适用于反向传值 1.1 创建协议及协议方法在反向传值的页面(SecondViewControll

为什么margin的auto属性值失效了

为什么margin的auto属性失效了:建议:尽可能的手写代码,可以有效的提高学习效率和深度.通常情况下,可以使用margin:0px auto将对象设置为水平居中对齐.这是因为auto属性值能够使浏览器自动为对象判断外边距大小,但是在下面的情况下却失效了.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author"

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

首先页面需要添加下面一段代码 <%@ MasterType VirtualPath="~/User/User.Master" %> 添加的位置如图这样就可以在这个页面访问模板页的属性了 protected void Page_Load(object sender, EventArgs e) { Master.ComeHere();//ComeHere是在模板页定义的方法 }

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

一.跨页面传值和取值: 1.QueryString - url传值,地址传值优缺点:不占用服务器内存:保密性差,传递长度有限. 通过跳转页面路径进行传值,方式: href="地址?key=value&key=value" 用&可以实现传递多个值. 通过这种方式就把要传递的值传到要跳转的页面去了. 2.跨页面取值: 在跳转到的页面的C#代码服务端进行取值用: string value = Request["key"]; 二.

2、函数内部属性 arguments是类数组对象，主要用途是保存函数参数，但这个对象中有一个名叫callee的属性，该属性是一个指针，指向拥有这个arguments对象的函数

例如:(1).function factorial(num){ if(num<=1){ return 1; }else{ return num*factorial(num-1); } }//此时是递归算法 var trueFactorial=factorial;//将factorial复制给trueFactorial factorial=function(){ return 0; }//覆盖factorial函数 alert(trueFactorial(5));//0;因为辞职factorial

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

在自动化脚本编写过程中,经常需要获取页面元素的文本进行判断,以便对于不同的文本进行不同的处理.比如:很多的购物网站,加入购物车的按钮是有多个状态的(加入购物车.到货通知.暂不销售等),那么在实际的操作过程中,需要对此按钮对应的不同的值,执行相应的逻辑. 代码相对比较简单,在此不再详细说明了,直接上码,敬请各位小主参阅,若有不足之处,敬请大神指正,非常感谢! 获取元素值的源码如下所示: 1 /** 2 * @function Get text of element. It will be retu

解决页面使用overflow: scroll，overflow-y:hidden在iOS上滑动卡顿的问题

解决页面使用overflow: scroll,overflow-y:hidden在iOS上滑动卡顿的问题 div{ width: 100%; overflow-y: hidden; -webkit-overflow-scrolling: touch; } 在使用overflow的的地方加上?-webkit-overflow-scrolling: touch;便可解决页面在ios机器上卡顿的问题. 解决由-webkit-overflow-scrolling: touch 引起的ios滚动条(将滚动