Question

我有一页滚动网站宽度平滑滚动链接。固定位置导航，带有锚点链接。很直接。

在桌面浏览器上一切正常，但在iPad（iOS 5 Mobile Safari）链接上工作正常，但在页面滚动后（通过顶部导航链接），包括顶部导航链接在内的所有链接“被阻止”并且可以不要点击。我必须调整视口垂直滚动，然后链接再次工作。

感谢任何帮助！

使用此滚动功能：

  $('nav ul a').bind('click',function(event){

  var $anchor = $(this);

  $('html, body').stop().animate({
      scrollTop: $( $anchor.attr('href')).offset().top - 60
  }, 1200,'easeInOutExpo');

  event.preventDefault();
});

Answer 1

此处描述了同样的问题：anchor links not working properly on ipad

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

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

在iPad上滚动一个页面网站时阻止了链接

1 个答案: