javascript - 将过渡应用于滚动固定标题的最佳方法

Question

假设我有一个高度为 100 像素的标题。当用户向下滚动时，我想更改标题的外观并使其高度为 50 像素。

默认设置标题样式并显示主标题然后使用 JavaScript 隐藏主标题并在用户滚动时显示隐藏的(较小的标题)是否更有意义？

这似乎是一个非常复杂的过程，这就是为什么我不确定是否有更简单/更有效的方法来做到这一点。

Answer 1

要让它在有人滚动时起作用，你可以试试这个:

$(function(){
    $(window).scroll(function() { 
        if ($(this).scrollTop() > 100) { 
            $('header').toggleClass('small');
        } 
        else {     
            $('header').toggleClass('small');
        }  
    });
});