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>

在页脚javascript中隐藏固定元素

2 个答案: