onClick（）イベントをクリックした後にscrollTop（）エフェクトを無効にする方法

Question

scrollTop()イベントを使用して特定の位置でdivを表示/非表示にするonClick()イベントを使用してdivを永久に非表示にします。それは私がページをスクロールすると、再び表示されるdivです。 私のコードは以下の通りです。

Javascriptコード

<script type="text/javascript"> 
    $(document).scroll(function() { 
     if (screen.width > 768) { 
      var y = $(this).scrollTop(); 
      if (y < 500) { 
       $('.benchdiv').fadeOut(); 
      } 
      else { 
       $('.benchdiv').fadeIn(); 
      } 
     } 
    }); 
</script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $(".removebg").click(function(){ 
      $(".benchdiv").hide(); 
     }); 
    }); 
</script> 

HTMLコード

<div class="benchdiv"> 
    <a href="http://www.benchmarkemail.com?p=636276" target=_blank><img src="//www.benchmarkemail.com/images/partner/banners/125x125.gif" width="125" height="125" border="0" /></a> 
    <div class="benchremove"><a href="javascript:void(0);" class="removebg glyphicon glyphicon-remove"></a></div> 
</div> 

Answer 1

使用

$(".benchdiv").remove(); 

の代わり

$(".benchdiv").hide(); 

divを完全に削除します。

作品はありますか？

$(".benchdiv").remove(); 

をしたり、後でそれを使用する場合は、あなたのような何かを行うことができます：

Answer 2

あなたは要素を削除するか、

<script type="text/javascript"> 
var clicked = false; 
    $(document).scroll(function() { 
    if(!clicked){ 
     if (screen.width > 768) { 
      var y = $(this).scrollTop(); 
      if (y < 500) { 
       $('.benchdiv').fadeOut(); 
      } 
      else { 
       $('.benchdiv').fadeIn(); 
      } 
     } 
     } 
    }); 
</script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $(".removebg").click(function(){ 
      $(".benchdiv").hide(); 
      clicked = true; 
     }); 
    }); 
</script>