zoukankan      html  css  js  c++  java
  • 在页面中有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>
  • 相关阅读:
    vs2008及以上的ActiveX测试容器在哪儿
    关于databinding的细节
    C#使用StackTrace获取方法被谁调用
    你是怎么走神的?
    怎样让SoapHttpClientProtocol不使用系统默认代理
    List的FindIndex和ForEach
    List的Capacity
    装箱和拆箱
    FileSystem.DeleteDirectory遇到"无法删除 文件:无法读取源文件或磁盘"
    一段关于测试和自定义Attribute的代码
  • 原文地址:https://www.cnblogs.com/fkcqwq/p/7218089.html
Copyright © 2011-2022 走看看