a链接返回顶部

在很多页面中都会有返回顶部的效果

a标签的ID为 Top 给它一个样式

#Top{
                display: block;
                width: 50px;
                height: 50px;
                background: rgba(0,0,0,0.5);
                text-align: center;
                line-height: 50px;
                position: fixed;
                top: 600px;
                right: 0;
            }

内容的话返回顶部

然后是JS

$(window).scroll(function() {
            var sc = $(window).scrollTop();
            if(sc > 800) {
                $('#top').css('display', 'block')
            } else {
                $('#top').css('display', 'none')
            }
        })

这里要用到jquery。

原文地址:https://www.cnblogs.com/UniverseWang/p/7227418.html