wordpress 粘性菜单滚动问题 - 浏览器窗口大小？

Question

我正在尝试解决一个我认为与 Wordpress 粘滞菜单问题有关的问题。此页面显示有问题的问题：http://kitchpickleball.com/product-category/usopencollection/performance-ss-crews-usopencollection/

在 Chrome 中并使用鼠标滚轮向下滚动时，此页面会根据浏览器窗口的大小显示不同类型的行为。

a) 如果我将浏览器窗口的大小（垂直）设置为只有一行产品可见，则行为符合预期。页面将一直滚动到页脚，并显示粘性菜单。

b) 如果我将浏览器窗口的大小调整为两行产品几乎不可见，则内容会在我到达页脚之前闪烁。 （有时，我什至无法进入到页脚。）顶部的粘性菜单永远不可见。

我已经看到了许多针对该问题提出的解决方案（假设该问题是一个粘性菜单问题），但还没有完全理解它们。我相当精通 CSS，但对 JS 不太了解。我确实理解的一种解决方案是使标题和粘性标题的大小相同，但这并没有解决我的问题。我希望有人能帮我一把。将不胜感激！

Answer 1

覆盖这个 css 并尝试。

     #masthead.stuck {
        top: 0px !important;
        left: 0;
        right: 0;
        z-index: 100;
        box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2);
    }