Javascript 如何使fixed div在页面不自动滚动回顶部的情况下显示

使用JQuery使固定div显示在右上角，而不考虑页面的位置。但是，当单击链接时出现div，页面会自动回滚到页面顶部。我怎样才能让它停止那样做。它应该出现在窗口的右上角，而不会影响页面。（我尝试了显示和可见性属性）

CSS

  #contactDetails {
      position: fixed;
      z-index: 3;
      left : calc(100% - 300px);
      top : 70px;
      visibility: hidden;
    } 

  $(".fa-phone, .fa-envelope").click(function(){
        $("#contactDetails").css("visibility","visible");
      // $("#contactDetails").show( );
  });

JS

  #contactDetails {
      position: fixed;
      z-index: 3;
      left : calc(100% - 300px);
      top : 70px;
      visibility: hidden;
    } 

  $(".fa-phone, .fa-envelope").click(function(){
        $("#contactDetails").css("visibility","visible");
      // $("#contactDetails").show( );
  });

---

fa电话和fa信封是链接吗？他们是否有href=“#”或类似内容

如果是这样的话，那么该链接将带您返回页面顶部

---

或者，停止将链接用于链接以外的目的。或者取消函数中链接的默认操作-

请同时发布HTML代码