在Google Maps内滑动div

Question

我正在寻找创建一个可扩展的div，该div从google地图的右侧滑入。功能应类似于#app-viewcard-strip在此处所做的操作：https://www.google.com/maps/@41.5278682,-76.2402656,12z

参考视频：https://streamable.com/afrk3

主要功能是div位于控件之外，并向上移动控件以适合div。我希望执行相同的功能，但将控件移到左侧。

我在这里有一个原型：https://codepen.io/bhare1985/pen/EzLMZv

但是我无法将#mySidenav包含在#mapPlaceholder

中

Answer 1

绝对位置是从具有相对位置或绝对位置的最接近的父级计算得出的。 因此，只需将position:relative;添加到#mapPlaceholder。