如何在滚动时删除标题淡入淡出



在我的网站上 www.yourpod.de 滚动时导航栏会变成黑色。我只想展示固定在顶部的黑色。有人能抱着我吗?

替换自定义中的以下代码.js

var transparent = true;
    if ($( '.navbar-color-on-scroll' ).length !== 0) {
        var navbarHome       = $( '.navbar-color-on-scroll' ),
            headerWithTopbar = 0;
        if ( navbarHome.hasClass( 'header-with-topbar' ) ) {
            headerWithTopbar = 40;
        }
        $( window ).on(
            'scroll', debounce(
                function () {
                    if ($( document ).scrollTop() > headerWithTopbar) {
                        if (transparent) {
                            transparent = false;
                            navbarHome.removeClass( 'navbar-transparent' );
                            navbarHome.addClass( 'navbar-not-transparent' );
                        }
                    } else {
                        if ( ! transparent) {
                            transparent = true;
                            navbarHome.addClass( 'navbar-transparent' );
                            navbarHome.removeClass( 'navbar-not-transparent' );
                        }
                    }
                }, 17
            )
        );
    }

用这条线

$( '.navbar-color-on-scroll' ).addClass('navbar-scroll-point navbar-not-transparent');

相关内容

  • 没有找到相关文章

最新更新