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

时间:2018-01-11 09:42:48

标签: wordpress scroll navigation content-management-system

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

1 个答案:

答案 0 :(得分:0)

在custom.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');