滚动功能窗口会破坏嵌入式谷歌地图

Question

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

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

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

我的功能：

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

我怎样才能仍然使用此功能并让 Google-Maps embed 正常工作？

谢谢！

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