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>
  • 相关阅读:
    65 JSP 有哪些内置对象?作用分别是什么?
    为什么 JSP 要被淘汰?
    64 JSP 和 servlet 有什么区别?
    63 深拷贝和浅拷贝区别是什么?
    62 如何实现对象克隆?
    马哥博客作业第二周
    马哥博客作业第一周
    02djangoMVC模型
    01Django实践
    了不起的gatsby.js_一个现代化开发网站的网站产生系统
  • 原文地址:https://www.cnblogs.com/fkcqwq/p/7218089.html
Copyright © 2011-2022 走看看