為什么我的頁面頂部按鈕在我的 API 應用程序上滾動到頂部然后返回時會卡頓/滯后/粘滯，但在網頁上卻正常運行？

Question

所以我有一個 API，我添加了一個頁面頂部按鈕。 該按鈕在我構建的 2 個網頁上的移動和桌面上運行良好，但對於我的 API 應用程序（尤其是這個），當我使用移動屏幕尺寸時，它會滯后/卡頓/卡住。 看看我的屏幕截圖，這里是代碼：

      <!--Top of Page Button-->
    <div  class="top_link_position">
      <a  class="back-to-top" href="#page_top" title="Top">
      <button class="top_btn">
       <i class="fas fa-arrow-up fa-3x"></i>

       
      </button>
      </a>
  </div>

    .top_link_position {
  display: block;
position: fixed;
  bottom: 4%;
  right: 3%;
  z-index: 600;
}


.top_btn {
    border: 1.5px solid white;
    background: #db0606;
    padding: .5rem .5rem;
    color: white;
    font-weight: bolder;
    text-transform: uppercase;
}

$(document).ready(function () {
   $(window).scroll(function () {
      if ($(this).scrollTop() > 100) {
         $('.back-to-top').fadeIn();
      } else {
         $('.back-to-top').fadeOut();
      }
   });

   $('.back-to-top').click(function () {
      $("html, body").animate({
         scrollTop: 0
      }, 100);
      return false;
   });

});

Answer 1

我找到的唯一解決方案是從不同來源獲取另一個按鈕和代碼。 你在谷歌上找到的很多這些似乎都不起作用。