Question

我正在优化针对mobile-safari（iPad 2和iPhone 4）的客户端网站，并且遇到使用静态菜单的问题。我已经读过iOS 5的最新版本，现在支持mobile-safari position：fixed; 。但是，当单击顶部导航菜单中的任何导航链接时，我将失去对整个菜单的关注，直到用户开始再次手动滚动页面。我正在使用jQuery .ScrollTo和.localScroll插件的组合来实现平滑的滚动效果，同时导航菜单保持固定在页面顶部。

点击链接并完成滚动动画后，是否有一种简单的方法可以重新获得导航菜单的焦点？

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

http://www.go2mktg.com

非常感谢任何有关此错误的帮助。提前谢谢！

Answer 1

@ xon1c。我查看了@ negrelja的页面并看到了一些插件（http://www.go2mktg.com/js/iscroll.js，具体而言），这似乎解决了这个问题，但我找到了一个不同的解决方案，增加1px到身高。我没有看到页面跳转的任何问题，因为滚动条不可见，除非您的手指正在移动文档。

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

    var newBodyHeight = $('body').height() + 1;

    $('body').css({
        height: newBodyHeight
    });

使用iOS5在移动游猎中失去固定导航的重点

1 个答案: