jquery - 固定 float 元素停在页脚

Question

我使用了 http://jqueryfordesigners.com/fixed-floating-elements 中的代码在滚动到某个点后 float 元素。这是我正在处理的网站:http://bodyecology.com/articles/gut-type-update

如您所见，右侧列在滚动时固定，但在页脚处重叠。我怎样才能让它停在页脚上方？

当前使用:

<script>
    jQuery(document).ready(function () {  
    var top = jQuery('#news_sidebar').offset().top - parseFloat(jQuery('#news_sidebar').css('marginTop').replace(/auto/, 0));
    jQuery(window).scroll(function (event) {

        var y = jQuery(this).scrollTop();

        if (y >= top) {

        jQuery('#news_sidebar').addClass('fixed');

        } else {

       jQuery('#news_sidebar').removeClass('fixed');
    }
  });
 });
</script>

Answer 1

这个 fiddle 可以满足您的需求:

http://jsfiddle.net/ZczEt/9/

这是处理右侧 float 元素 $('#summary') 的 javascript:

$('#summary').scrollToFixed({
    marginTop:
        $('.header').outerHeight() + 10,
    limit:
        $('.footer').offset().top -
        $('#summary').outerHeight() -
        10
});

这是 jquery 插件及其来源:

https://github.com/bigspotteddog/ScrollToFixed