Angularjs 防止浏览器地址栏隐藏时移动手机上的浮动按钮

我正在开发一个带有棱角材料的移动网站，它在主页上使用浮动按钮，这在许多谷歌应用程序中都可以看到。按钮始终存在并固定在右下角。一切都很好。但是，当我滚动页面并隐藏浏览器地址栏时，身体高度也会发生变化。结果是按钮也向上移动。请参阅图片以更好地理解

这是按钮的CSS：

.floating-button{
    position: fixed; 
    margin-top: 120%; 
    margin-left: 80%;
}

当我使用

top

而不是

margin top

时，按钮会向上移动，一旦地址栏被隐藏，它就会向下跳转

按钮有没有可能保持固定？我宁愿不强迫地址栏隐藏或保持固定。提前谢谢

.floating-button{
position: absolute; 
margin-top: 120%; 
margin-left: 80%;

}

尝试改用绝对位置规则。Position absolute（绝对位置）在页面上保持指定的元素独立于其他元素

}

---

尝试改用绝对位置规则。Position absolute（绝对位置）在页面上保持指定的元素独立于其他元素

我知道这是一个老问题，但我来到这里时遇到了一个类似的问题，你的问题和我已经解决的问题结合在一起

我所知道的是，当地址栏被触发时，晶圆厂会被隐藏（向下移动），而Kiko的回答没有改变这一点，所以我想这会给你的代码带来我的问题

为了让它停止移动，我必须将我的

位置：绝对
更改为
固定
，就像你的一样。CSS的其余部分如下所示：

。浮动按钮{
位置：固定；
右：20px；
底部：20px；
}

我希望这能帮助未来路过的人。
我知道这是一个老问题，但我来到这里时遇到了一个类似的问题，你的问题和我已经解决的问题结合在一起

我所知道的是，当地址栏被触发时，晶圆厂会被隐藏（向下移动），而Kiko的回答没有改变这一点，所以我想这会给你的代码带来我的问题

为了让它停止移动，我必须将我的
位置：绝对
更改为
固定
，就像你的一样。CSS的其余部分如下所示：

。浮动按钮{
位置：固定；
右：20px；
底部：20px；
}

我希望这能帮助将来路过的人