在某點停止位置固定的div

Question

現在，我可以確定，如果用戶滾動到側欄的底部，則側欄將變為固定狀態，並停留在用戶頁面上，同時他們讀取其余的主要內容。

但是現在我固定的div進入頁腳。 因此，如何阻止它脫離父div並進入頁腳？

這是正在發生的事情的小提琴： http : //jsfiddle.net/95W8w/

所有的代碼都在jsFiddle中，但是由於SO的要求，如果我有jsFiddle包含，我就將代碼放在這里。

JavaScript的：

  $(document).ready(function() {
 // Cache selectors for faster performance.
 var $window = $(window),
     $sidebar = $('#anchor'),
     $sidebarAnchor = $('#right');

 // Run this on scroll events.
 $window.scroll(function() {
var window_top = $window.scrollTop();
var div_top = $sidebarAnchor.offset().top;
if (window_top > div_top) {
 // Make the div sticky.
 $sidebar.addClass('stick');
 $sidebarAnchor.height($sidebar.height());
}
else {
    // Unstick the div.
    $sidebar.removeClass('stick');
    $sidebarAnchor.height(0);
  }
 });

}）;

Answer 1

在.stick類定義.stick bottom更改為top ，以使側欄堅持頂部而不是底部。

.stick {position: fixed; top:0px;}