jquery - 在页脚 Jquery 停止 float

Question

我正在使用这段代码:

  $(window).scroll(function () {
  if (($(document).height() - $(window).scrollTop()) <= 500){
      $("#content-5").css({
          position: 'fixed',
          top: 'auto',
          bottom: '300px'
      });
  } else if ($(window).scrollTop() >= 30) {
      $("#content-5").css({
          position: 'fixed',
          top: '30px',
          bottom: 'auto'
      });
  }else{
      $("#content-5").css({
          position: 'absolute',
          top: '30px',
          bottom: 'auto'
      });
  }

});

这是演示

http://jsfiddle.net/Ym2Ga/75/

它工作正常，但我不知道该怎么做， float 元素停在页脚处。谁能帮忙？

Answer 1

我已经更新了你的 fiddle ......将你的第一个 css block 更改为......

$("#content-5").css({
位置:'固定'，
顶部:'0px'，
底部:'自动'
});

fiiddle