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/

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

1 个答案: