上にスクロールしていくと追従バナーが点滅してしまう

Question

現在フッターに進むと表示が消える「追従バナー」を実装しています。
しかし、上にスクロールすると点滅するという不具合が出ており、どこが悪いのか検討もつきません・・・

ネット上で調べる限りだと表記のどこが悪いのか見つからないため、
どうかご教示くださいますよう宜しくお願い致します

<style>
  .is-fixed {
    display: none !important;
  }
</style>
<div class="Bnr" style="display: block;">
  <div class="Bnr__img">
    <div class="Bnr__img__inner">
      <div class="box03">
        <div class="box03_a">
          <a data-btn="chap-str" data-modal="button" href="#form1" data-value-name="3"><img src="https://〜/sp/img/fl_bnr.jpg" alt=""></a>
        </div>
      </div>
    </div><!-- /.Bnr__img__inner -->
    <p class="close"><a href="javascript:void(0)"><span></span><i aria-hidden="true" class="fa fa-times"></i></a></p>
  </div><!-- /.Bnr__img -->
</div><!-- /.Bnr -->


<script type="text/javascript" src="https://〜/sp/js/scroll.js"></script>

//一定量スクロールで表示されて、閉じるボタンで非表示になるバナー//
$(function () {
  var display = function () {
    if ($(this).scrollTop() > 150) { //scroll量
      $(".Bnr").fadeIn();
    }
  };
  $(window).on("scroll", display);
  //click
  $(".Bnr p.close a").click(function(){
    $(".Bnr").fadeOut();
    $(window).off("scroll", display);
  });
});


//フッター付近で消えるjs//
window.onscroll = function () {
  var check = window.pageYOffset ;       //現在のスクロール地点
  var docHeight = $(document).height();   //ドキュメントの高さ
  var dispHeight = $(window).height();    //表示領域の高さ
	
  if(check > docHeight-dispHeight-500){   //判別式　500はフッターからの距離です（ここはサイトのフッターに合わせて変更しましょう）
    $('.Bnr').fadeOut();	//1000 はフェードアウトの速度です。調整可
  }else{
    $('.Bnr').fadeIn();	//1000 はフェードインの速度です。調整可
  }
};

//指定箇所でフローティングが消えるjs//
$(function () {
 var $body = $('.Bnr');
 $(this).scroll(function() {
   var topOffset =  $('#form1').offset().top;
   var navTypeAOffsetTop = parseInt(topOffset) - 700;
   if($(this).scrollTop() > navTypeAOffsetTop) {
     $body.addClass('is-fixed');
   } else {
     $body.removeClass('is-fixed');
   }
 });
});

//TOPに戻るボタンを表示//
$(function() {
	var topBtn = $('#page-top');	
	topBtn.hide();
	$(window).scroll(function () {
		if ($(this).scrollTop() > 100) {
			topBtn.fadeIn();
		} else {
			topBtn.fadeOut();
		}
	});
	//スクロールしてトップ
    topBtn.click(function () {
		$('body,html').animate({
			scrollTop: 0
		}, 500);
		return false;
    });
});

//スクロール位置を取得する//
$(function () {
  $(window).scroll(function () {
    var selectors = $('.k-positon-list');
    var scroll = $(window).scrollTop();
    selectors.each(function () {
      var position = $(this).offset().top - $(window).height();
      if (position < scroll) {
        $(this).addClass("act");
      }
    });
  });
});

// ランダム表示
$(function(){
    var arr = [];
    var count = setInterval(changeImg, 1000); // 1000 で1秒
    i = 1;
    function changeImg(){
      $(function() {
        $.fn.extend({
          randomPh : function(num) {
            return this.each(function() {
              var chn = $(this).children().hide().length;
              for(var i = 0; i < num && i < chn; i++) {
                var r = parseInt(Math.random() * (chn - i)) + i;
              $(this).children().eq(r).show().prependTo($(this));
              }
            });
          }
        });

        $("[randomPh]").each(function() {
          $(this).randomPh($(this).attr("randomPh"));
        });

      });
    }
  });
  //スクロール表示
  var fadeConts = document.querySelectorAll('.fadeConts');
  var fadeContsRect = [];
  var fadeContsTop = [];
  var windowY = window.pageYOffset;
  var windowH = window.innerHeight;
  var remainder = 150; // ちょっとはみ出させる部分
  for (var i = 0; i < fadeConts.length; i++) {
    fadeContsRect.push(fadeConts[i].getBoundingClientRect());
  }
  for (var i = 0; i < fadeContsRect.length; i++) {
    fadeContsTop.push(fadeContsRect[i].top + windowY);
  }
  // ウィンドウリサイズの高さ再取得
  window.addEventListener('resize', function () {
    windowH = window.innerHeight;
  });
  window.addEventListener('scroll', function () {
    windowY = window.pageYOffset;

    for (var i = 0; i < fadeConts.length; i++) {
      if(windowY > fadeContsTop[i] - windowH + remainder) {
        fadeConts[i].classList.add('show');
      } else {
        fadeConts[i].classList.remove('show');
      }
    }
  });

/*追従バナー*/
/* Bnr
-----------------------------------------*/
.Bnr {
  position: relative;
  margin: 0 auto;
  width: 100%;
  display: none;
}

.Bnr .Bnr__img {
  position: fixed;
  bottom: 0%;
  z-index: 88;
}

.Bnr__img__inner {
  width: 100%;
  box-sizing: border-box;
}

.Bnr .Bnr__img__inner a {
  display: block;
}

.Bnr .Bnr__img__inner a img {
  width: 100%;
}

.Bnr .Bnr__img p.close {
  position: absolute;
  right: 1%;
  top: 5%;
}

.Bnr .Bnr__img p.close a {
  display: block;
  width: 6.8vw;
  height: 6.8vw;
  text-align: center;
}

.Bnr .Bnr__img p.close a span {
  display: block;
  overflow: hidden;
  width: 6.8vw;
  height: 6.8vw;
  background-image: url("https://〜/img/fl_close.png");
  background-size: contain;
}

.Bnr .Bnr__img p.close a i {
  font-size: 20px;
  z-index: 888;
  color: #222;
}

###試してみた事
初心者でjavascriptが全くわからないため、
；の抜け、無駄にスペースがないか、{}の抜けがないか
ソース元から再度コピペをする事で確認してみましたが、解決には至っておりません

どうか解決に至れるご縁がありますように、、
宜しくお願い致します

Comments

[Lhankor_Mhy]

onscroll がたくさんあって、これ大丈夫なの？　というのが初見の感想です。
ひとつにまとめる、ということについて、ご検討はされましたか？

[i0k62]

いつも有り難うございます！
前回は返答なしのままで申し訳ありません

上記に記述してある内容は全て別の者が記述しており、
私も「近い内容があるな」とは思ったのですが、
当人がどういった意図でこの内容にしているのかわからず(上手く動作せず沢山書いているのかも、など)
また、どの部分を削除すべきかも判断しきれず、といった状況です

やはり記述は無駄に多いんですね・・
一つにまとめる、といったご意向、自分なりにも試してみます

[Lhankor_Mhy]

.k-positon-list という要素がなくてエラーが出ているようですね。

Answer 1

ご意見頂き思い切って内容の被っている箇所を消しました
▼消した部分

//フッター付近で消えるjs//
window.onscroll = function () {
  var check = window.pageYOffset ;       //現在のスクロール地点
  var docHeight = $(document).height();   //ドキュメントの高さ
  var dispHeight = $(window).height();    //表示領域の高さ
	
  if(check > docHeight-dispHeight-500){   //判別式　500はフッターからの距離です（ここはサイトのフッターに合わせて変更しましょう）
    $('.Bnr').fadeOut();	//1000 はフェードアウトの速度です。調整可
  }else{
    $('.Bnr').fadeIn();	//1000 はフェードインの速度です。調整可
  }
};

上記を削除しましたところ、点滅の不具合は無くなりました！
Lhankor_Mhyさん、お時間割いてくださり有り難うございました！

Comments

[Lhankor_Mhy]

おお、なかなかの外科手術ですね。

ご解決されて何よりです。

Answer 2

とりあえず、

.stop().fadeOut();
.stop().fadeIn();

のように、全てのフェードメソッドの前に.stop()を入れてみてはいかがでしょうか。
これで必ず解消する、とは言えない感じですが、ひとまずお試しください。