jquery - 不在视图中时的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 如果有办法改进它，请提出更好的方法。谢谢