我们网站 ( http://462184.hs-sites.com/ ) 上的粘性菜单在某些页面上遇到问题,而在其他页面上没有。
例如主页,如果您向下滚动页面一半并尝试使用菜单,它会暂时隐藏。另一方面,我们在另一个页面(例如(http://462184.hs-sites.com/bookkeeping-plans))上不会遇到此问题。
因此我只能想象是这些页面上的某种元素发生了冲突?
我已经修改了overflow: hidden
,设置为overflow: auto
,这在.header-container
,虽然看起来这样虽然解决了问题,但是当这样设置时仍然存在图像(例如页面顶部的iPad,然后与它下面的下一节重叠)的问题。
关于如何确保图像扩展容器以使其不会碰到下一个容器的想法,或者如何一劳永逸地解决这个问题?
只是想,这可能是 Javascript,因为我注意到向下滚动时菜单栏不会消失,直到将鼠标悬停在导航栏中的事件/Javascript 链接上。
非常感谢您的支持:)
最佳答案
如果您在调用中放置一个 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);
根据我在您网站上看到的内容,我认为这与您的代码冲突
关于html - 粘性菜单间歇性闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29426829/