Jquery:滚动时如何设置固定页脚

Question

让我们展示这个网站:-

http://mhageer.com

但是，当我们滚动页面时...页脚消失并在滚动停止时重新出现...有没有办法让它固定在屏幕上并在您滚动时一直显示？

我该怎么做。

谢谢

Answer 1

试试这个示例可以帮助您。用户 bottom:0px; 将页脚放在页面底部。

HTML

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

CSS

.footer{
    position:fixed;
    padding-bottom:-10px;
     bottom:0px;
    background-color:red;
}

Fiddle

JQUERY Edit-1

 $(function(){
          //Keep track of last scroll
          var lastScroll = 0;
          $(window).scroll(function(event){
              //Sets the current scroll position
              var st = $(this).scrollTop();

              //Determines up-or-down scrolling
              if (st > lastScroll){
                $(".footer").css("display",'inline')
              } 
              if(st == 0){
                $(".footer").css("display",'none')
              }
              //Updates scroll position
              lastScroll = st;
          });
        });

当页面加载时，页脚会自行隐藏，当您向下滚动时，它会显示在底部直到滚动到顶部。 Demo