锚无法在Mobile Chrome中的“固定位置”元素上使用

Question

在Mobile Chrome中滚动时，当地址栏消失时，锚点将变为不可单击，但实际上您可以激活单击链接上方的链接。这发生在位置固定的元素上。

我已经创建了一个演示，您可以在移动设备中查看它

这是固定部分CSS

footer{
  position:fixed;
  bottom:0;
  width:100%;
  height:30px;
  background:#aaa;
  left:0;
  right:0; 
 }
 .content{
  padding:0;   
  }

这是主要的HTML

<div class="content">
  Content here
 <footer>
   <a href="#" class="link">My link here</a>
</footer>
</div>

和一些JS检查点击/点击

  $('.link').on('click',function(e){
      e.preventDefault();
      alert("clickd");
   });

https://codepen.io/markware/debug/jKRMxV

可以通过CSS阻止这种情况吗？