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>
  • 相关阅读:
    P3444 [POI2006]ORK-Ploughing
    p4555&bzoj2565 最长双回文串
    bzoj2563 阿狸和桃子的游戏
    p4503&bzoj3555 企鹅QQ
    p3627&bzoj1179 抢掠计划(ATM)
    p2279&bzoj1217 消防局的设立
    p2661 信息传递(Tarjan模板)
    p2071 座位安排
    2B The least round way
    JSK 糟糕的bug
  • 原文地址:https://www.cnblogs.com/fkcqwq/p/7218089.html
Copyright © 2011-2022 走看看