Якорь не работает с элементом фиксированной позиции в 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?