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

时间:2011-12-22 08:54:41

标签: ipad scroll css-position

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

有人有任何建议吗?

2 个答案:

答案 0 :(得分:0)

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

  

我用诡计解决了这个问题。我在菜单项上创建了不可见的div,当页面滚动时会改变它的位置(在实际位置模拟固定元素:固定菜单项)。当用户点击或悬停在那些隐藏的div上时,真正的div被称为

答案 1 :(得分:0)

position:fixed是Apple的事情 我带来的唯一解决方案是我们将导航栏的位置更改为absolute并计算文档的右上角值。当滚动停止

时,会发生此位置更改
$("body").off("scroll", function(){ 
    //here goes the code 
})

因此,用户看不到差异,一旦滚动再次激活,该位置将被备份到fixed