javascript - 隐藏页脚 javascript 中的固定元素

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>

页 footer 分是

<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>