如何编写“回到顶部”按钮代码

考试pc端页面当滚动页面，导航头部消失不见时出现“回到顶部”的按钮该按钮出现的位置在窗口右下角，不能影响原有布局
提示：overflow属性对这个滚动有影响，请自行探究

菜鸟教程在线编辑器 https://www.runoob.com/try/try.php?filename=trypagetotop

这个是jquery写的很方便，直接引入就行

$(function () {
    $(window).scroll(function () {//scroll 页面滚动事件
        var sTop = $(window).scrollTop();//scrollTop  滚动距离
        if (sTop >= 300) {
            $(".bottom").fadeIn(1000);
        } else {
            $(".bottom").fadeOut(1000);
        }
    })
    $(".bottom").click(function () {
        console.log("123")
        $("body,html").animate({ scrollTop: 0 }, 1000);
    })
})