如何在不自动翻页的情况下显示固定的div

Question

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

CSS

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

JS

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

Answer 1

是fa-phone和fa-envelope链接吗？ 他们有href =“＃”或类似的东西吗？

如果是这样，则该链接会将您带回到页面顶部。

要么停止将链接用于链接以外的目的。 或取消函数内部链接的默认操作-https://api.jquery.com/event.preventdefault/