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

锚定链接在ipad上无法正常工作,ipad,scroll,css-position,Ipad,Scroll,Css Position,iPad上的固定元件有问题。 您可以在此处查看我们的布局: 右侧的position:fixed元素包含一个导航,带有指向页面的锚链接。 在桌面浏览器上我们没有问题,而在iPad上,内容在第一次点击导航后不会滚动,除非你用手指强迫页面滚动 有人有什么建议吗???在这里找到了解决方案: 我用诡计解决了这个问题。我在菜单项上创建了不可见的div,当页面滚动时,这些div会改变它的位置(在真实位置上模拟固定元素:固定菜单项)。当用户单击或将鼠标悬停在这些不可见的div上时,将调用真正的div 这是苹果

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

有人有什么建议吗???

在这里找到了解决方案:

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


这是苹果的东西,位置:固定 我提供的唯一解决方案是将导航栏的位置更改为
绝对值
,然后计算文档的右顶部值。当滚动停止时,会发生此位置更改:

$("body").off("scroll", function(){ 
    //here goes the code 
})
因此,用户看不到差异,一旦滚动再次激活,位置将返回到
fixed