不在 View 中时的 jQuery 粘性页脚

Question

恐怕又是一个棘手的页脚问题。似乎无法找到适合我要实现的目标的方法。

我有一个页脚，它当前位于动态高度中间容器底部的相对位置。

当窗口变得小于页脚底部时，我需要将页脚绝对定位到窗口底部并稍微透明。

我目前有这个，但似乎无法让它工作:

var footer = $('footer');
var start = $(footer).offset().top;

$.event.add(window, "scroll", function() {
    var pos = $(window).height();
    $(footer).css('position',((pos)<start) ? 'relative' : 'absolute');
    $(footer).css('bottom',((pos)<start) ? '0px' : '');
});

请帮忙。

谢谢大家

Answer 1

可能应该添加这个作为答案:

设法让这个按照我想要的方式工作:jsfiddle.net/tc7p3/4 如果有改进它的方法，请提出更好的方法。谢谢