Javascript 在移动网站/应用程序中，如何称呼该元素

我尝试使用HTML/CSS/JS从Google Maps构建类似的元素

为了研究，我试图找到其他人如何用HTML解决这个问题的例子，但什么也找不到。所以我猜我只是在寻找错误的流行语

---

我尝试了“抽屉”、“可拖动内容”、“固定背景上的内容”等等。。。因此，我正在寻找一些提示、示例或最佳实践，以便在移动设备上尽可能顺利地实现这一点。

为什么不只给出图像

位置：fixed

和

z-index:1

，然后让其余内容具有

z-index:2

，以便在向下滚动时覆盖地图

---

这就是您要找的吗？

我无意中发现了此元素的名称

在谷歌的材料设计中，它被称为“底部板材”

---

请参见

我正在搜索与谷歌地图上的移动版相同的元素和行为

这是我能找到的最接近谷歌地图的行为。将其拖出，如果有更多内容，则可以滚动

CSS部分是页面的

margintop:50vh

，我猜拖拽/滚动行为需要一些JS

---

不幸的是，使用这种方法，下面的地图无法再访问，即使图纸仅覆盖屏幕的一半。

现在这是我首选的解决方案。我不太确定，因为在我的例子中，图像/地图所在的位置有一个更复杂的对象。但最初我是在为它寻找一个术语。你怎么称呼这种模式？我猜是视差？谷歌一点视差，看看它是否是你需要的。我想最终它是某种视差@bojan ivanacPosition fixed应该可以解决问题，没有任何js的麻烦，但是你不能再滚动工作表了，对吗？是的，你可以滚动，就好像没有明天一样。我为你做了一支笔：你可以设置

位置：相对
和
顶部：50vh
，而不是边距顶部。我不喜欢这种方法，但它会奏效。哇，那很容易。我想我对移动谷歌地图网站印象深刻，我期待更多的东西！*谢谢分享！