gpt4 book ai didi

javascript - 谷歌地图 : Relative to Fixed Positioning

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:51:25 24 4
gpt4 key购买 nike

我正在寻找的效果是我有一个 float 的 div,里面有一个谷歌地图,当用户向下滚动时,我希望它固定在 top:0px。这基本上就是 Yelp 在其搜索页面上的 map 。有几个类似的问题询问用户向下滚动后使用 JQuery 将 div 的类更改为固定的,但使用 Google map 时,我似乎无法使效果起作用。

主要原因是谷歌地图正在使用某种 javascript,它在我自己的 javascript 之后加载,将位置覆盖为绝对位置,我无法通过 Jquery 的 css 方法或任何方式更改它。所以我添加了一个 float 的包装器,但在向下滚动时添加了一个固定的类。它很好地固定在 0px 的顶部,但因为它是 float 的,一旦位置固定,它就会跳到左边并破坏我的其他内容。

我在网上找到了教程,但现在可能已弃用?它不起作用。

最佳答案

我遇到了同样的问题。您所要做的就是在另一个中创建一个 DIV。像这样:

<div id="outDIV" style="position:fixed; top:0">
<div id="inDIV" style="width:100%; height:100%">
[map content goes here]
</div>
</div>

关于javascript - 谷歌地图 : Relative to Fixed Positioning,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6219709/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com