CSS: back-top效果

背景： bootstrap4 + jquery3.6
这里用了BS4的图标，借助jquery执行的dom操作，非必须。css不放了，就一个back-top按钮，比较简单，hover了一点效果。

html_5">html部分

<button onclick="topFunction()" id="movetop" title="Go to top">
    <i class="bi bi-arrow-90deg-up"></i>
</button>

js_11">js部分

```
<script>
    //滚动20px，出现back-top图标
    window.onscroll = function () {
        scrollFunction()
    };

    function scrollFunction() {
        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
            document.getElementById("movetop").style.display = "block";
        } else {
            document.getElementById("movetop").style.display = "none";
        }
    }
    //点击回滚到顶部
    function topFunction() {
        document.body.scrollTop = 0;
        document.documentElement.scrollTop = 0;
    }
</script>
```