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

Question

我到处都看过如何做这件事。但我正在尝试创建一个标题：http://pinkpeonies.com/。徽标移动的位置，当用户向下滚动足够远时，导航会向右浮动。我似乎无法找到如何做到这一点。我该如何创建这样的标题？什么是最好的方式？

Answer 1

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

您可以在css

中设置向下滚动类的样式