Question

我只是为了这个目的使用了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>

Answer 1

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

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);

还添加了一个侦听器，它将在页面完全加载时响应，这将确保当用户登陆页面并且在之前缓存滚动位置时执行该函数...

如何在没有jQuery的情况下创建动画头

1 个答案: