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

Question

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

此外，当我滚动，并且相同的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菜单。