css - 滚动时标题重新排列/更改

Question

我到处都在研究如何做这件特别的事情。但我正在尝试创建一个标题:http://pinkpeonies.com/ . Logo 移到哪里，当用户向下滚动到足够远时，导航就会 float 。我似乎无法找到该怎么做。我将如何创建这样的标题？什么是最好的方法？

Answer 1

$(window).on("scroll", function () {
if ($(this).scrollTop() > 100) {
    $("#header").addClass("scroll-down");
}
else {
    $("#header").removeClass("scroll");
}
});

你可以在 css 中设置向下滚动类的样式