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

Question

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

有人有什么建议吗？

Answer 1

这是苹果公司的position:fixed我带来的唯一解决方案是我们将导航栏的位置更改为absolute并计算文档的正确顶部值。 滚动停止时会发生此位置更改：

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

因此，用户看不到差异，并且一旦滚动再次激活，则将位置备份为fixed

Answer 2

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

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