<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

<div class="wrapper">

  <div class="floatingBnr">
    <a href=""><img src="https://placehold.jp/0073a8/ffffff/600x60.png?text=banner"></a>
  </div>

</div>

.wrapper {
  height: 200vh;
}
.floatingBnr {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

$(function () {
  $(window).on("scroll touchmove", function () {
    $(".floatingBnr").stop();
    $(".floatingBnr").css("display", "none").delay(500).fadeIn("fast");
  });
});