Bootstrap模板标题动画

Question

我正在努力使这个umbraco uSkinned模板的引导标头http://synergy-bs.uskinned.net/表现得像这个模板的标题http://source-v4.uskinned.net/

第一件事就是我需要做的是在达到某个滚动位置后停止弹出标题的动画，我找不到这是如何触发并且我修改css还是javascript？

感谢。

Answer 1

编辑：

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

在applications.js文件中：

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

然后添加到您的CSS：

header.up {
   top: -100px;
}