jquery - jQuery - 看不见时将 div 粘贴到窗口底部

Question

一直在寻找这个，还没有真正的运气。并且有点想在没有插件的情况下做到这一点。

我正在尝试使它在滚动页面时出现一个选定的 div（页脚）。我设法为窗口顶部的导航菜单找到了一种方法，但对于窗口的底部似乎更难..

这是我用于顶部的内容

$(window).bind("load", function() { // document ready
  var stickyTop = $('#Sticky').offset().top; // returns number  
  $(window).scroll( function(){ // scroll event
    var windowTop = $(window).scrollTop(); // returns number
    if (stickyTop < windowTop) {
      $('#Sticky').css({ position: 'fixed', top: 0});
    }
    else {
      $('#Sticky').css('position','static');
    }
  });
});

而且效果很好。无论如何修改它并在底部使用它以获得相同（如果不相似）的效果？

另外，对不起，如果我没有什么意义..

Answer 1

尝试这个：

$(window).load(function(){
  var stickyBottom = $('#stickyBottom').height();
  $('#stickyBottom').css({'position':'fixed','bottom':stickyBottom});

  $(window).scroll(function()
    $('#stickyBottom').css('bottom','0');
  });
});