滾動時更改固定標題

我的標題沒有問題。我是Bootstrap的新手，我想在滾動時更改標題。一切工作都很完美。但是當我重新加載頁面標題處於「滾動狀態」。對不起我的英語不好。謝謝。滾動時更改固定標題

你可以試試我的網頁。

http://test.coleopterafarm.com/

我的JS：

<!-- language: lang-js --> 
var cbpAnimatedHeader = (function() { 

var docElem = document.documentElement, 
    header = document.querySelector('.navbar-default'), 
    didScroll = false, 
    changeHeaderOn = 300; 

function init() { 
    window.addEventListener('scroll', function(event) { 
     if(!didScroll) { 
      didScroll = true; 
      setTimeout(scrollPage, 250); 
     } 
    }, false); 
} 

function scrollPage() { 
    var sy = scrollY(); 
    if (sy >= changeHeaderOn) { 
     classie.add(header, 'navbar-shrink'); 
    } 
    else { 
     classie.remove(header, 'navbar-shrink'); 
    } 
    didScroll = false; 
} 

function scrollY() { 
    return window.pageYOffset || docElem.scrollTop; 
} 

init(); 

})();

來源

2015-09-12 Jaccob

你有這樣的代碼在您的網站： '' 你把它放在你的head標籤裏jQuery尚未加載的地方。把這個腳本放在jQuery腳本下。這不是你的問題，至少解決這個問題之前 – Saar

這是行不通的。標題仍然有背景。 – Jaccob

檢查我給的答案，對我來說它的工作原理。如果你在jQuery之後把你的文檔準備就緒的功能添加到答案中。 – Saar

把這個在您的$（document）.ready函數：

$(".navbar-shrink").removeClass("navbar-shrink");

來源

2015-09-12 13:13:52 Saar

滾動時更改固定標題

回答

相關問題