javascript - 滚动时更改固定标题

Question

我的页眉没有什么问题。我是 Bootstrap 的新手，我想在向下滚动时更改标题。一切工作都很完美。但是当我重新加载页眉时，页眉处于“滚动状态”。对不起我的英语不好。谢谢。

你可以在我的网站上试试。

http://test.coleopterafarm.com/

我的代码:

<!-- 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();

})();

Answer 1

将其放入您的 $(document).ready 函数中:

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