使用jQuery浮動邊欄

Question

我正在嘗試爲浮動邊欄編寫一些代碼。 這意味着什麼，當邊欄offset.top的值達到一定的距離時，它將變爲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」偏移top.top + $(element).outerHeight()。