フローティングサイドバーとjQuery

Question

浮動サイドバーのコードを記述しようとしています。 つまり、サイドバーの値が一定の距離に達すると、positon: fixedに変わります。私はデモでjsFiddleを作成している

が、これはフルスクリーンのリンクです：http://jsfiddle.net/peduarte/Qcftp/show

そして、ここでのコードのリンクです：

http://jsfiddle.net/peduarte/Qcftp/だから現時点では、物事がうまく働いています。しかし、私はフッターを実際に大きくしました。今は、私がしようとしているのはoffset.bottomです。しかし、驚いたことに、そのようなことはありません。

どうすればいいですか？

デモを見ると、サイドバーがフッターに重なっていることがわかります。

は、私はそれが近くなってきたときに、事前に...

感謝をposition: fixedを削除する必要があります。

Answer 1

あなたはそれがサイドバー+サイドバーの高さの現在位置がフッターの上部よりも大きいかどうかをチェックすることができフッター到達したときにサイドバーが停止する場合：

($("aside").position().top + $("aside").outerHeight() > $("footer").position().top) { 
    // handle situation 
} 

Answer 2

"offset.bottom"はoffset.top + $(element).outerHeight()です。