2016-10-07 97 views
0

我試圖使這一一把umbraco uSkinned模板http://synergy-bs.uskinned.net/這樣的表現模板http://source-v4.uskinned.net/引導模板頭動畫

的第一件事是,我需要做的頭的自舉頭是停止頭的動畫在達到某個滾動位置後彈出,我無法找到這是如何發射的,並且我是否修改了CSS或JavaScript?

感謝。

+1

您可以偵聽滾動事件,當它達到你聲明的高度,你可以改變標題的類,並使其堅持屏幕頂部,所有的動畫事情可以在CSS中完成 – Sojtin

回答

0

編輯本:

$(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; 
}