回到顶部（jQuery写法）

回到顶部（jQuery写法）

通过jQuery完成一个网页滚动回到顶端的功能：

实现代码如下：

html部分+jQuery引入

<div id="backTop"></div>
<script src="../node_modules/jquery/dist/jquery.min.js"></script>

css部分

#backTop {
    display: none;
    width: 50px;
    height: 50px;
    z-index: 2;
    background: url("https://0.ss.faisys.com/image/backToTop/secondStyle/02.png?v=201505251717");
    position: fixed;
    bottom: 100px;
    right: 100px;
}

js部分

 let backTop =document.getElementById('backTop')
    $(document).ready(function(){
        $(document).scroll(function() {
            if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) {
                $("#backTop").slideDown("slow");
            } else {
                backTop.style.display = "none";
            }
        });
    });
    backTop.onclick = function () {
        document.body.scrollTop = 0;
        document.documentElement.scrollTop = 0;
    }