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>
  • 相关阅读:
    SpringKafka——消息监听
    RabbitMQ(八)线程池消费
    RabbitMQ(七)延迟队列
    window计划任务 0x1
    获取网页URL地址及参数等的两种方法(js和C#)
    HttpWebRequest的偶尔请求超时问题
    用HTML、CSS、JS制作圆形进度条(无动画效果)
    批量关联update
    仅仅 IE8 有效的 CSS hack 写法
    SqlServer关闭与启用标识(自增长)列
  • 原文地址:https://www.cnblogs.com/fkcqwq/p/7218089.html
Copyright © 2011-2022 走看看