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

时间:2016-06-16 08:47:36

标签: html ios css webkit fixed

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

此外,当我滚动,并且相同的UI元素出现和消失时,我的按钮暂时停留在页脚上方,然后在大约一秒钟后跳下来 - 这不是很漂亮!

是否有更好的方法可以将按钮固定到页脚以允许它们被点击?

由于 安迪

1 个答案:

答案 0 :(得分:0)

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

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

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