锚链接在 ipad 上无法正常工作

【问题标题】：anchor links not working properly on ipad锚链接在 ipad 上无法正常工作
【发布时间】：2011-12-22 08:54:41
【问题描述】：

iPad 上的固定元素存在问题。您可以在这里查看我们的布局：http://cibology.edoardobiasini.it/ 右侧的position:fixed 元素包含一个带有指向页面的锚链接的导航。在桌面浏览器上我们没有问题，而在 iPad 上，第一次点击导航后内容不会滚动，除非您用手指强制页面滚动。

有人有什么建议吗？

【问题讨论】：

标签： ipad scroll css-position

【解决方案1】：

在这里找到解决方案： https://stackoverflow.com/a/9198836/1145706

我用一个技巧解决了这个问题。我在菜单项上创建了不可见的 div，当页面滚动时会改变它的位置（在实际位置上模拟固定元素：固定菜单项）。当用户点击或悬停在那些不可见的 div 上时，真正的 div 被调用

【讨论】：

【解决方案2】：

position:fixed 是苹果的东西我提出的唯一解决方案是我们将导航栏的位置更改为absolute 并计算文档的右顶部值。当滚动停止时会发生这种位置变化：

$("body").off("scroll", function(){ 
    //here goes the code 
})

因此，用户看不到差异，一旦滚动再次处于活动状态，位置就会返回到fixed

【讨论】：