Javascript 如何创建地图并在其附近固定一个div，以便div的内容随滚动移动？

我有一些房子在右分区，我有一张地图在左边，我想创造一些像下面的地址：

我希望我的地图像顶部链接一样固定，应该能够通过滚动看到更多的房子 我不想让有类showResultSearch的div有一个卷轴。我怎么做

var位置=[
[Bondi Beach'，-33.890542151.274856，4]，
[Coogee Beach'，-33.923036151.259052,5]，
[Cronulla Beach'，-34.028249151.157507,3]，
[‘曼利海滩’，-33.80010128657071151.28747820854187，2]，
[‘马鲁布拉海滩’，-33.950198151.259302，1]
];
var map=new google.maps.map（document.getElementById（'searchMap'）{
缩放：10，
中心：新谷歌地图LatLng（-33.92151.25），
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var infowindow=new google.maps.infowindow（）；
var标记，i；
对于（i=0；i

.searchContainer{
溢出：隐藏；
位置：相对位置；
}
.搜索结果{
宽度：60%；
浮动：对；
边框顶部：1px实心#eee；
}
.showResultSearch{
明确：两者皆有；
边框顶部：1px实心#eee；
右侧填充：30px；
左侧填充：30px；
左边距：自动；
右边距：自动；
最大高度：600px；
溢出y：自动；
}
.搜索地图{
边框：1px实心浅灰色；
浮动：对；
宽度：40%；
高度：600px；
}
#搜索地图{
宽度：100%；
身高：100%；
}
.行{
左边距：-15px；
右边距：-15px；
}
.col-sm-6{
左侧填充：15px；
右侧填充：15px；
宽度：50%；
浮动：对；
}
.特约承办人{
宽度：100%；
}

---

抛出位置：相对超出。searchContainer和add display:flex

设置位置：固定在#搜索地图上

就我理解你的问题而言，这很好。

---

至于滚动条，请尝试使用溢出（溢出：隐藏）或宽度和高度。

请更新您的小提琴，我认为它不起作用。