html - 粘性菜单间歇性闪烁

标签 html css

我们网站 ( 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/

相关文章:

html - 我已经从表格转移到 CSS,并且在排列方面遇到了一些问题

html - 忽略按钮宽度属性?

javascript - 自定义错误验证消息未显示

CSS3 传送带效果

css - 如何有条件地更改 Angular 组件中的样式 url?是否可以?

html - 如何让两个 HTML 部分块在 CSS 中对齐?

css - Bootstrap 导航中的链接出现在菜单项下方

html - li 内的 CSS 垂直对齐文本

javascript - 如何使 JavaScript 类切换持久化

html - 如何将样式应用于 HTML 子文档?