如何在不自動翻頁的情況下顯示固定的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/