Question

我们网站上的粘性菜单（http://462184.hs-sites.com/）在某些网页上遇到了问题，而在其他网页上却没有。

例如主页，如果您向下滚动页面一半并尝试使用菜单，它会暂时隐藏。另一方面，在（http://462184.hs-sites.com/bookkeeping-plans）等其他页面上我们不会遇到此问题。

因此，我只能想象这些页面上的某些元素会发生冲突吗？

我已经修改了overflow: hidden，设置为overflow: auto，这在.header-container中效果很好，虽然看起来虽然这解决了问题，但是当设置图像（例如页面顶部的iPad，然后重叠下面的下一部分）时仍然存在问题。

关于如何确保图像扩展容器以使其不会遇到下一个容器，或者如何一劳永逸地解决这个问题的想法？

只是一个想法，这可能是Javascript，因为我注意到滚动下来的菜单栏不会消失，直到将鼠标悬停在导航栏中的活动/ Javascript链接上。

非常感谢您的支持：）

Answer 1

如果您在通话中放置了console.log：

        if ($(window).scrollTop() > 500 && getScreenWidth > 767) console.log("true")  
        else console.log("false")

当您向主页向下滚动时，您是否在控制台日志中看到更改的值？这与您的簿记计划页面上的输出相同吗？

并且如果你删除了slideup和slidetoggle函数，它也会出现吗？

    $(this).parent().siblings('.hs-item-has-children').find('.hs-menu-children-wrapper').slideUp(250);
    $(this).next('.hs-menu-children-wrapper').slideToggle(250);

根据我在您网站上看到的内容，我可以想到这与您的代码存在冲突

粘滞的菜单间歇性地闪烁

1 个答案: