Safari下 浏览器工具条和 jquery mobile footer之间发生的问题,如何解决?

jojovampire 发布于 2014/05/11 10:48
阅读 211
收藏 0

本人使用JQM 的 footer,突然发现Safari下 footer 和工具条有一个不太好的体验,但是想不到有什么好方法可以解决。

代码很简单

<div data-role="footer" data-position="fixed" data-tap-toggle="false" data-theme"c">
<ul>
<li>
<a href="javascript:void(0)" class="mobile_icon"></a>
</li>
</ul>
</div

效果图自己画了张,能表达意思就可以了:

safari下由于有浏览器工具条现实如下

 

如果页面内容过高页面scroll,当页面向下滚动时,浏览器的工具条会自动隐藏,如下

 

问题来了,如果在浏览器工具条隐藏后,当我点击footer中那个自己添加的link '+' icon 时,浏览器会先将工具条显示出来,然后我还需要再次点击下那个+号才能触发我那个自定义link。所以用户体验不太好。

我的问题就是有没有什么办法改善这个问题,能够点击一次就能 点到我添加在footer的link。或者有什么地方的资料可以证明这是一个浏览器原因,通过代码无法解决。

加载中
返回顶部
顶部