滚动页面时在两点之间修复元素

Question

我的HTML结构如下所示。

<div class="row-fluid" id="searchResults">
  <div id="results" style="width: 60%; float:left;">
    <div id="resultsproperty">&nbsp;</div>
    <div class="pagination"></div>
  </div>
  <div id="mapmask" style="widht: 40%; float: right;">
    <div id="map" ></div>
  </div>

</div>

有一个Google地图加载到id为map的div元素中，id为resultsproperty的div元素由于ajax（jQuery）而加载了内容。

具有pagination类的元素也会从ajax请求加载。 此结构的上方和下方是页眉和页脚。

我一直在努力让地图跟随内容的滚动;我使用了很多不同的指南，无法让它发挥作用。

地图元素的大小会正确地为视口调整，假设为了讨论，500px，结果元素中的内容可以是1000px，当页面向上或向下滚动时，我希望地图能够保持固定的位置，直到它碰到resultsproperty元素的顶部或底部。