滚动时更改固定标题

Change fixed header when scrolling

本文关键字：标题 滚动      更新时间：2023-09-26

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

把这个放到$(document)中。准备功能:

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

相关文章：