响应式网站 - ios 固定页脚问题

Question

我设计了一个响应式网站，其中包含三个按钮，我需要一直在场。放置它们的逻辑位置固定在视口的底部。 这适用于 position:fixed - 但是，当我单击按钮时，它们不会激活 - 相反，它们会被向上推并显示 webkit UI 的下部（保存到主页、书签等）。

此外，当我滚动时，相同的 UI 元素出现和消失时，我的按钮会暂时停留在页脚上方，然后在一秒钟左右后跳下 - 这不漂亮！

有没有更好的方法将按钮固定到页脚以使它们可以点击？

谢谢 安迪

Answer 1

跳跃按钮可能每次都使用javascript重新计算位置，它们应该使用css。

看这里：How do I stop my fixed navigation from moving like this when the virtual keyboard opens in Mobile Safari?

但是，在设计方面，我建议不要在底部这样做。用户习惯了 IOS 导航不是您的，即使您会找到一些区分的方法，也很容易错过按钮并单击 IOS 菜单。