Javascript 如何在没有jQuery的情况下创建动画标题

我使用JavaScript只是为了这个目的，但它只在我刷新浏览器时起作用

<script> 
var scroll = window.scrollY ; 
var header = document.getElementById("header");

function my(){

    if (scroll >= header.scrollHeight) {
        header.style.height = 100 +"px";
    } else {header.style.height = 250 + "px";}
}

my();
</script>

var scroll=window.scrollY；
var header=document.getElementById（“header”）；
函数my（）{
如果（滚动>=页眉。滚动高度）{
收割台.style.height=100+“px”；
}else{header.style.height=250+“px”；}
}
我的（）；

您需要添加一个滚动事件侦听器：

var scroll, header = document.getElementById("header");

function my() {

    scroll = window.scrollY;

    if (scroll >= header.clientHeight) header.style.height = 100 + "px";
    else header.style.height = 250 + "px";
}

window.addEventListener('scroll', my, false);
window.addEventListener('load', my, false);

---

还添加了一个监听器，该监听器将在页面完全加载时做出响应，这将确保在用户登录页面并且之前缓存了滚动位置时执行该功能。

滚动仅在刷新后工作，或者根本不工作？否，当我刷新此代码时，它是否工作？控制台上是否显示任何错误？没有错误，问题是对于此代码的每项工作，我必须刷新浏览器