Question

我有一个奇怪的问题，根本不知道如何解决自己。在我的site上，当加载到智能手机上时，会显示粘性标头，但是当开始滚动到底部时，它会隐藏并不再显示，直到您回到顶部为止。滚动到底部时，粘性标头隐藏在页面的一半位置。滚动到底部时是否可以显示？我认为这是控制该部分的CSS：

#page:not(.vertical-header) #site-header.fixed {
width: 100%;
position: static;
left: 0;
top: 0;
z-index: 1000;
}

我尝试将position: static;更改为position: fixed;，但似乎并未更改版式。帮助吗？

编辑：一位成员建议标题隐藏在此代码中的某个位置：

if (this.isResponsive && !this.$wrapper.hasClass('sticky-header-on-mobile')) {
            if (!$('.mobile-menu-slide-wrapper.opened').length && !$('#primary-menu.dl-menuopen').length && !$('.menu-overlay.active').length) {
                if (scrollY - this.oldScrollY > 0 && scrollY > 300 && !this.$el.hasClass('hidden')) {
                    self.$el.addClass('hidden');
                }

                if (scrollY - this.oldScrollY < 0 && 
 this.$el.hasClass('hidden')) {
                    self.$el.removeClass('hidden');
                }
            } else {
                self.$el.removeClass('hidden');
            }
        }

我尝试将scrollY > 300修改为scrollY > 500，但是没有注意到更改。标头仍在隐藏。

Answer 1

我将把jmulder5的答案放在这里：

从./wp-content/themes/thegem/thegem-hearder.js（206-218）中删除以下代码行：

if (this.isResponsive && !this.$wrapper.hasClass('sticky-header-on-mobile')) {
                if (!$('.mobile-menu-slide-wrapper.opened').length && !$('#primary-menu.dl-menuopen').length && !$('.menu-overlay.active').length) {
                    if (scrollY - this.oldScrollY > 0 && scrollY > 300 && !this.$el.hasClass('hidden')) {
                        self.$el.addClass('hidden');
                    }
                if (scrollY - this.oldScrollY < 0 && this.$el.hasClass('hidden')) {
                    self.$el.removeClass('hidden');
                }
            } else {
                self.$el.removeClass('hidden');
            }
        }

粘页眉隐藏在智能手机的半页上

1 个答案: