jquery目标元素随滚动条向下移动，直到一定位置停下来。不要跟下边的footer重叠？

Question

http://jsbin.com/lutaresiqi/edit?html,css,js,output

如何判断红色元素到黑色元素的位置就stop。而不是穿过黑色的元素？

我是想做一个判断，用红色元素减去footer的高部位置。
要用jquery写出来
由于我项目的原因。
只能随手写一个jsbin.com
别嫌我写得难看。

Answer 1

一个思路

先写一个那个红色模块在后来固定后的class。
当scrolltop>=$('.absmiddle-main').offset().top 时，移除之前class，新增固定后的class