フローティングボタンを特定の位置で表示させ特定の位置で消したい

Question

前提・実現したいこと

フローティングボタンを特定の位置で表示させ特定の位置で消したいです。
特定の位置で表示させることはできたのですが、
特定の位置で消すことができません。

該当のソースコード

 <!-- フローティングここから -->
	 <div id="banner">
		<div id="bannerin"><a href="#"><img src="img01.jpg"></a>
		<p id="closebanner"><a><img src="img02.jpg"></a></p>
		</div>
	 </div>

      <style>
        .bannerin {
          display: inline-block;
          width: 20%;
          position: relative;
          letter-spacing: normal;
        }

         .closebanner img {
	        width: 8%;
	        position: relative;
	        top: -25vw;
	        left: 67%;
        }

        #bannerin {
		  display: block;
		  width: 37vw;
		  position: fixed;
		  right: 0vw;
		  bottom: 0vw;
		  z-index: 998;
		  text-align: center;
		  padding: 0 auto;
        }

  		#closebanner {
		  width: 9vw;
		  position: fixed;
		  right: 27vw;
		  bottom: 26vw;
		  z-index: 999;
		  text-align: right;
		  padding: 0 auto;
		}
      </style>

     <script>
		var isClosed = false;
		jQuery(function() {
		    var bann = jQuery('#banner');
		    bann.hide();
		    jQuery(window).scroll(function () {
		        if(isClosed) {
		            return;
		        }
		        if (jQuery(this).scrollTop()) { 
		            bann.fadeIn(400);
		        } else {
		            bann.fadeOut();
		        }
		    });
		});
		jQuery('#closebanner').click(function(){
		        jQuery('#banner').hide();
		        isClosed = true;
		});
		</script>

      <!-- フローティングここまで -->

試したこと

else { bann.fadeOut();}に特定の位置の数値を入れてみたのですが動作しませんでした。
勉強中のため至らない点があるかと思いますが、詳しい方ご教授いただければ幸いです。
よろしくお願いいたします。

Answer 1

ザッと目を通した感じだと、scrollTopのとこのifに比較演算子が入っていないからだと思います。
scrollTopで取得した高さが任意の数値より高い(or 低い) と書いてあげないと効かないと思います。