Проблемы со смещением при переполнении Div

Question

У меня возникают проблемы с смещением JQuery при использовании внутри div с фиксированной высотой и переполнением.

Внутри этого div у меня есть две колонки, главная и боковая панель. Я хочу, чтобы один из divs в боковой панели прокручивался в div до тех пор, пока он не достиг вершины, но затем я хочу, чтобы он остался там.

Я демонстрационный набор здесь: http://jsfiddle.net/zsJAr/53/

Div делает прокрутку вверх, но он не начнет оставаться на вершине, пока он не прокручивается мимо верхней части DIV, эффективно отрезать верхнюю часть div.

Любая помощь была бы принята с благодарностью.

Answer 1

Вам необходимо верхней смещения, где <h1> является:

http://jsfiddle.net/maniator/qaVnY/

$(document).ready(function() { 

    // move the share this widget with the window 
    if ($('#scrollingContent').length > 0) { 
     var $widget = $("#scrollingContent"); 
     var $window = $("#overFlowDiv"); 
     var $topOffset = $('h1').height(); 
     var $offset = $widget.offset(); 
     var $initialMargin = $widget.css('marginTop'); 

     $window.scroll(function() { 
      if ($window.scrollTop() > ($offset.top)) { 
       $widget.stop().animate({ 
        marginTop: ($window.scrollTop() - ($offset.top - $topOffset)) 
       }); 
      } else { 
       $widget.stop().animate({ 
        marginTop: $initialMargin 
       }); 
      } 
     }); 
    } 
}) 

Answer 2

Чуть меньше обычного, но это, казалось, работал для меня ...

$window.scroll(function() { 
if ($window.scrollTop() > $offset.top) { 
$widget.stop().animate({ 
    marginTop: ($window.scrollTop() -(180 - $offset.top)) 
});