粘性菜单卡住并与谷歌地图api发生冲突

Question

页面上方有粘性菜单，内容中加载了谷歌地图（页面中间）。当页面向下滚动时，菜单变得粘稠，当它接近谷歌地图时，菜单卡在中间页面而不是粘在窗口的顶部。这是仅在chrome ..

中出现的问题

由于

这是链接。它只会在镀铬上出现故障。 https://www.fornobravo.com/how-to-buy/find-a-dealer

Answer 1

我通过添加到我的函数top的顶部修复了这个问题：1px并且在我的函数top的底部：0。

var sticky_navigation = function(){
    jQuery('.hmainmenu').css('top', '1px');

    var scroll_top = jQuery(window).scrollTop();

    if (scroll_top > sticky_navigation_offset_top) {
        jQuery('.hmainmenu').addClass('fixedMainMenu');
        jQuery('.hmainmenu').children('a').addClass('showmenubuttons');
    } else {
        jQuery('.hmainmenu').removeClass('fixedMainMenu');
        jQuery('.hmainmenu').children('a').removeClass('showmenubuttons');
    }

    jQuery('.hmainmenu').css('top', '0');
};