フッターで固定要素を非表示にする

Question

どうすればこのスクリプトをフッターに固定することができますか？

<script> 
    $(document).ready(function() { 
     var navoffeset=$(".fixedElement2").offset().top; 
     $(window).scroll(function(){ 
      var scrollpos=$(window).scrollTop(); 
      if(scrollpos >=navoffeset){ 
       $(".fixedElement2").addClass("fixed2"); 
      } 
      else{ 
       $(".fixedElement2").removeClass("fixed2"); 
      } 
     }); 
    }); 
</script> 

ここ

自分のスタイル

<style> 
.fixed2{ 
    position: fixed; 
    top: 0; 
    margin: 0 auto; 
    left: 0; 
} 
</style> 

と除算は

<div class="fixedElement2"></div> 

あるとフッター部門は、事前に

<div class="footer"></div> 

おかげで

Answer 1

てみてください、次のコード

JS

$(window).scroll(function() { 

     $('#footer').show(); 

     if ($(window).scrollTop() + $(window).height() == $(document).height()) { 
     alert("bottom!"); 
     $('#footer').hide(); 

     } 
    }); 

CSS

.footer { 
     position: fixed; 
     bottom: 0; 
     width: 100%; 
    } 

HTML

<div id="" style="overflow:scroll; height:400px;"> 

    <div id="footer" class="footer">Footer</div> 
</div> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

Answer 2

<script> 
           $(document).ready(function() { 
            var navoffeset=$(".fixed2").offset().top; 
            var navoffeset2= $('.footer').offset().top; 
            var body = document.body; 
            var bodyoffsetheight = body.offsetHeight; 
             //alert(bodyoffsetheight); 
            $(window).scroll(function(){ 
             //alert(navoffeset2); 
             var scrollpos=$(window).scrollTop(); 
            // alert(scrollpos); 
             if(scrollpos >navoffeset && scrollpos<1350){ 
              $(".fixedElement2").addClass("fixed2"); 
             } 
             else{ 
              $(".fixedElement2").removeClass("fixed2"); 
             } 


            }); 

           }); 

          </script>