滚动页面效果javascript

滚动页面效果javascript,javascript,jquery,html,css,bootstrap-4,Javascript,Jquery,Html,Css,Bootstrap 4,我有一个按钮,如果按下,页面将滚动到顶部。 但是我想要动画制作的卷轴id,你能帮我吗?另外,我更喜欢javascript而不是jquery。谢谢 window.onscroll = function() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { document.getElementById("myBtn").style.di

我有一个按钮,如果按下,页面将滚动到顶部。 但是我想要动画制作的卷轴id,你能帮我吗?另外,我更喜欢javascript而不是jquery。谢谢

window.onscroll = function() {
        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
            document.getElementById("myBtn").style.display = "block";
        } else {
            document.getElementById("myBtn").style.display = "none";
        }
    };

    window.onload = function() {
        document.getElementById("myBtn").onclick = function() {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        }
    }
这是我当前的javascript。

试试这个:

window.onload=function(){
document.getElementById(“myBtn”).onclick=function(){
滚动窗口({
排名:0,
行为:“平稳”
});
}
}