码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-07-21 17:20:19      阅读:293      评论:0      收藏:0      [点我收藏+]

标签:overflow   doc   min   src   out   onclick   round   log   document   

<!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>

 

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

标签:overflow   doc   min   src   out   onclick   round   log   document   

原文地址:http://www.cnblogs.com/fkcqwq/p/7218089.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!