在iOS5的移动safari中失去了固定导航的焦点

Question

我正在为移动safari (iPad 2和iPhone 4)优化客户端网站，并且遇到了使用静态菜单的问题。据我所知，在iOS 5的最新版本中，position:fixed;现在在移动safari中得到了支持。但是，当点击顶部导航菜单中的任何导航链接时，我就会失去对整个菜单的关注，直到用户再次手动滚动页面。我使用jQuery . scrollto和。localscroll插件的组合来实现平滑的滚动效果，而导航菜单保持固定在页面的顶部。

是否有一个简单的方法来重新获得焦点的导航菜单一旦链接已被点击和滚动动画已经完成?

查看实际问题，请访问下面列出的URL。请在运行iOS 5的iPhone或iPad上测试以获得解释的结果。

http://www.go2mktg.com

对这个bug的任何帮助都将非常感激。提前感谢!

Answer 1

@xon1c。我检查了@negrelja的页面，看到了一些插件(http://www.go2mktg.com/js/iscroll.js，具体来说)，似乎解决了这个问题，但我发现了一个不同的解决方案，添加1px的身体高度。我没有看到页面跳转的任何问题，因为滚动条是不可见的，除非你的手指正在移动文档。

我在我正在使用的平滑滚动插件的完成回调函数中运行下面的代码。(库为jQuery，在iPad iOs5上测试)

    var newBodyHeight = $('body').height() + 1;
    $('body').css({
        height: newBodyHeight
    });