粘滞菜单间歇闪烁

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") 

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

并且它是否也出现如果您删除滑动和滑动功能？

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

这是我能想到的，基于什么我看到你的网站是冲突的代码