引导模板头动画

Question

我试图使这个umbraco uSkinned模板的bootstrap头http://synergy-bs.uskinned.net/的行为像这个模板的头http://source-v4.uskinned.net/

第一件事是，我需要做的是停止动画头弹出后，一定的滚动位置已经达到，我找不到这是如何发射和我修改css或javascript?

谢谢。

Answer 1

Edit this:

$(window).on("scroll", function() {
        var fromTop = $(window).scrollTop();
        $("body").toggleClass("down", (fromTop > 300));
});

在application .js文件中:

$(window).on("scroll", function() {
        var fromTop = $(window).scrollTop();
        $("header").toggleClass("up", (fromTop > 100));
});

然后添加到你的css:

header.up {
   top: -100px;
}