Css 在智能手机上，粘性标题隐藏在半页上

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

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

我试图改变

位置：静态至<代码>位置：固定但似乎不会对布局进行更改。帮忙

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

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');
            }
        }

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.oldcolly>0&&scrollY>300&&this.$el.hasClass（'hidden'））{
self.$el.addClass（“隐藏”）；
}
if（scrollY-this.oldcolly<0&&
此.$el.hasClass（'hidden'））{
self.$el.removeClass（“隐藏”）；
}
}否则{
self.$el.removeClass（“隐藏”）；
}
}

我试图将
scrollY>300
修改为
scrollY>500
，但没有注意到更改。标题仍然隐藏着。
我将把jmulder5的答案放在这里：

从./wp content/themes/thegem/thegem-heard.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.oldcolly>0&&scrollY>300&&this.$el.hasClass（'hidden'））{
self.$el.addClass（“隐藏”）；
}
if（scrollY-this.oldcolly<0&&this.$el.hasClass（'hidden'））{
self.$el.removeClass（“隐藏”）；
}
}否则{
self.$el.removeClass（“隐藏”）；
}
}
当您滚动到某一点时，您的javascript会将class
hidden
添加到手机上的
粘性标题中
thegem header.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');
            }
        }