在 iPad 上滚动一页网站时被阻止的链接答案

【问题标题】：Links blocked in scrolling one page site on iPad在 iPad 上滚动一页网站时被阻止的链接
【发布时间】：2012-02-03 11:29:55
【问题描述】：

我有一个单页滚动网站宽度平滑滚动链接。固定位置导航与锚点的链接。非常直接。

在桌面浏览器上一切正常，但在 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();
});

【问题讨论】：

标签： ios ipad scroll hyperlink

【解决方案1】：

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

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

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

【讨论】：