首页 > 编程语言 > 详细

JavaScript实现减速返回顶部

时间:2021-04-22 15:57:44      阅读:13      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

<body>

<script type="text/javascript">

    function toTop() {

            var scrollToTop=setInterval(function() {

                        var pos = window.pageYOffset;


                                    if ( pos >1 ) {
                window.scrollTo(0, pos - pos/15 );

            } else {
                window.scrollTo(0,0);
                window.clearInterval( scrollToTop );
            }
        }, 10);
    }
</script>
<div style="position: fixed; bottom: 10px; right: 10px; cursor: pointer; color: blue" onclick="toTop()">返回顶部</div>
<script type="text/javascript">
    for (i=0;i<2000;i++){
        document.write("<br>");
    }
</script>
</body>
</html>

  

JavaScript实现减速返回顶部

原文:https://www.cnblogs.com/gigigigi/p/14689302.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!