锚定链接在ipad上无法正常工作
iPad上的固定元件有问题。 您可以在此处查看我们的布局: 右侧的锚定链接在ipad上无法正常工作,ipad,scroll,css-position,Ipad,Scroll,Css Position,iPad上的固定元件有问题。 您可以在此处查看我们的布局: 右侧的position:fixed元素包含一个导航,带有指向页面的锚链接。 在桌面浏览器上我们没有问题,而在iPad上,内容在第一次点击导航后不会滚动,除非你用手指强迫页面滚动 有人有什么建议吗???在这里找到了解决方案: 我用诡计解决了这个问题。我在菜单项上创建了不可见的div,当页面滚动时,这些div会改变它的位置(在真实位置上模拟固定元素:固定菜单项)。当用户单击或将鼠标悬停在这些不可见的div上时,将调用真正的div 这是苹果
position:fixed
元素包含一个导航,带有指向页面的锚链接。
在桌面浏览器上我们没有问题,而在iPad上,内容在第一次点击导航后不会滚动,除非你用手指强迫页面滚动
有人有什么建议吗???在这里找到了解决方案:
我用诡计解决了这个问题。我在菜单项上创建了不可见的div,当页面滚动时,这些div会改变它的位置(在真实位置上模拟固定元素:固定菜单项)。当用户单击或将鼠标悬停在这些不可见的div上时,将调用真正的div
这是苹果的东西,位置:固定 我提供的唯一解决方案是将导航栏的位置更改为
绝对值
,然后计算文档的右顶部值。当滚动停止时,会发生此位置更改:
$("body").off("scroll", function(){
//here goes the code
})
因此,用户看不到差异,一旦滚动再次激活,位置将返回到fixed