JS AJAX基础实作(4) DAY29

昨天我们已经将 gotop按钮实做出来
但有时候我们不想要它一直出现
而是使用者滚轮滑到下面
它才会显示出来
但要怎麽做呢??
那就开始介绍啦~~

window.addEventListener("scroll", gotop);

我们可以在 window监听滚轮事件

function gotop() {

    if (window.scrollY >= 670) {
        goTopBtn.style.width = "40px";
    } else {
        goTopBtn.style.width = "0";
    }
}
gotop();

当使用者y轴 大於670px
则呈现gotop按钮(宽度40px)
否则gotop按钮消失(宽度0px)

是不是觉得视觉上更舒服呢
那我们的AJAX基础实作就到此结束啦

附上完整的CodePen
CodePen:https://codepen.io/wemyferb/pen/yLJLpqP
若有任何问题 或是 内容有误
烦请不吝啬的告知一下