Menu 向上/向下滚动时的平滑向上滚动菜单

我真的很难得到这个网站同样的标题效果

---

我正在使用Wordpress插件菜单，但结果不是我想要的，我想使用jquery，但我不知道如何操作。

您需要检查“滚动”事件以获得滚动位置。如果滚动位置低于收割台的高度，请添加一个类。添加的类将具有不同的高度值，该值将覆盖默认值

function init() {
    // Check scroll event
    window.addEventListener('scroll', function(e){
        // Check scroll position
        var distanceY = window.pageYOffset || document.documentElement.scrollTop,
            shrinkOn = 300,
            header = document.querySelector("header");
        // If the scroll position is a larger value than the chosen value (shrinkOn)
        if (distanceY > shrinkOn) {
            // Add class "smaller"
            classie.add(header,"smaller");
        } else {
            // Otherwise remove it
            if (classie.has(header,"smaller")) {
                classie.remove(header,"smaller");
            }
        }
    });
}
window.onload = init();

资料来源：