javascript - jQuery 单击事件在第一次单击时未运行。 (转到页面顶部操作)

Question

如标题所述，这是代码。刷新页面后第一次点击将不起作用。

  $(document).ready(function () {
    //Check to see if the window is top if not then display button
    $(window).scroll(function () {
      if ($(this).scrollTop() > 100) {
        $('#myBtn').fadeIn();
      } else {
        $('#myBtn').fadeOut();
      }
    });
  });

  function topFunction() {
    //Click event to scroll to top
    $('#myBtn').click(function () {
      $('html, body').animate({ scrollTop: 0 }, 200);
      return false;
    });

  }

Answer 1

$(document).ready(function () {
    //Check to see if the window is top if not then display button
    $(window).scroll(function () {
      if ($(this).scrollTop() > 100) {
        $('#myBtn').fadeIn();
      } else {
        $('#myBtn').fadeOut();
      }
    });

    //Click event to scroll to top
    $('#myBtn').click(function () {
      $('html, body').animate({ scrollTop: 0 }, 200);
      return false;
    });
  });