滚动时更改固定标题

我的标题没有问题。我是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

滚动时更改固定标题

回答

相关问题