滚动窗口功能会中断嵌入式谷歌地图

Question

我监听在我的网页上滚动，以便将类添加到我的侧边栏，使其位置：固定。

但是，我在同一页面上也嵌入了Google地图。通常，当您在地图画布上滚动时，它会显示灰色背景，并带有文本"使用 cntrl + 滚动缩放地图"。

问题是谷歌地图仍然显示该文本，但无论如何都会缩放地图。尝试禁用我的滚动侦听器，这解决了问题，但我需要该功能。

我的职能：

$(window).on("scroll", function(e) {
if (window.pageYOffset > 136) {
    $('.sidebar').addClass("fixed");
} else {
    $('.sidebar').removeClass("fixed");
}
});

我怎样才能仍然使用此功能并让谷歌地图嵌入正常工作？

谢谢！

Answer 1

我想

我终于解决了！ 试试这个

$('body, body *').on('mouseover', function(e) { 
if(e.target === e.currentTarget) {
    currentElement = $(this);
    if (currentElement != Yourgooglemapsellement){
      $(window).on("scroll", function(e) {
      if (window.pageYOffset > 136) {
          $('.sidebar').addClass("fixed");
      } else {
          $('.sidebar').removeClass("fixed");
      }
      });          
    }
  }
 });