Bootstrap词缀：计算底部偏移

Question

我正在使用Bootstrap词缀，并且尝试通过jQuery计算偏移量底部，因此词缀元素在特定点处停止。

请参阅我的JSFiddle。

以下内容无效；当我滚动通过底部时，left / affix div没有得到分配的“ affix-bottom”类：

var bottomoffset = $(".footer").outerHeight(true) + $(".bottom").outerHeight(true);
var bottomoffset = $(".bottom").offset().top;
var bottomoffset = $(".middle").position().top + $(".middle").offset().top + $(".middle").outerHeight(true);

如何获得正确的偏移量，以使缀名停在中间/绿色部分的底部，或者停在底部/红色部分的顶部？