Question

我的标题没什么问题。我是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();

})();

Answer 1

将它放在$（document）.ready函数中：

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

滚动时更改固定标题

1 个答案: