在页脚javascript隐藏固定元素答案

【问题标题】：hide fixed element at footer javascript在页脚javascript隐藏固定元素
【发布时间】：2017-10-31 08:44:23
【问题描述】：

如何重写此脚本以隐藏页脚的固定元素？

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

提前致谢

【问题讨论】：

添加css属性bottom:0px;
隐藏元素的情况是什么，例如 onClick、onScroll 或其他？
滚动时，我想在网站左侧放一些广告，当它到达页脚时我想隐藏它
@dipak 老兄，这不是答案。

标签： javascript css-position fixed

【解决方案1】：

试试下面的代码

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

【讨论】：

【解决方案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>

【讨论】：