我向下滚动时试图让谷歌地图停留在页面的右侧

Question

我使用flex来显示三列。一列将有一个过滤器列表，中间列将具有项目索引，右列将具有该映射。当我向下滚动时，我希望地图保持可见。我正在使用flex来制作列。我尝试了很多不同的方法，但仍然无法让它发挥作用。

<div class="indexpage">
    <div>
        some code
    </div>

    <div>
        some code
    </div>
    <div >
        <div class="map-position">
            <div id="map"></div>
        </div>
    </div>
</div>

当我向下滚动时，我希望第三个div保持不变。我在布局中也有一个标题，最初不需要覆盖。

Answer 1

要修复您的div，您必须添加＆＃34; position: fixed;＆＃34;在你的CSS。这是一个例子：

.map-position{
position: fixed; no-repeat;
left: 50%;
margin-left:60%;
min-width: 100%;
min-height: 50%;
width: auto;
height: 50%;
transform: translate(-50%, -50%);
}