javascript - 在谷歌地图中滑动 div

Question

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

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

主要功能是 div 是控件的一部分，并将控件向上移动以适应 div。我希望执行相同的功能，但将控件移到左侧。

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

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

标签： javascriptjquerycssgoogle-mapsanimation

Answer 1

绝对位置是从具有相对位置或绝对位置的最近父级计算的。所以只需添加position:relative;到#mapPlaceholder。