如何滚动/滑动谷歌地图背景到页面滚动视图

我有一个谷歌地图作为我的背景。目前它正好是我加载页面时所需的位置，但是当我向下滚动时，它就会熄灭。我怎样才能滚动谷歌地图，以便它始终在后台？如何滚动/滑动谷歌地图背景到页面滚动视图

我的CSS：

#map-canvas { 
    top:0; 
    height: 100vh; 
    position:absolute; 
    z-index:-10000; 
    margin: 0px; 
    margin-top: 0; 
    padding: 0px; 
    width: 100% 
}

我自己也尝试position:fixed，并试图在#mapCanvScroller与position:fixed以下DOM结构，但它不工作：

<div id="mapCanvScroller"> 
    <div id="map-canvas"></div> 
</div>

来源

2015-01-16 maudulus

你可以把它放在jsfidde中吗？ – Chanckjh

创建一个div的高度和宽度是身体标记的100％，并将背景图像应用于该div，使该div的溢出隐藏。之后，在该div内创建一个可滚动的div div。滚动将导致内部div的内容滚动不外层div和你的背景图像将保持相同

来源

2015-01-16 19:37:45

这是谷歌地图，而不是背景图片。 – maudulus

尝试将位置固定为 –

谢谢 - 我试过了，但它不起作用。 – maudulus

您应该加上滚轮：假在你的选项

var myOptions = { 
    scrollwheel: false, 
     center: new google.maps.LatLng(40.759118, -73.985110), 
     zoom: 8, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    };

是你想要的吗？ DEMO：http://jsfiddle.net/2crQ7/275/

来源

2015-01-16 19:57:34

如何滚动/滑动谷歌地图背景到页面滚动视图

回答

相关问题