문제는 충분히

Question

나는 두 스크롤 막대를 제공 할당 된 내용과 오버 플로우와 사업부가 있습니다.

div의 내부에는 항상 하단에 고정되어야하는 또 다른 부분이 있습니다.

는이를 달성하기 위해, 나는 사업부의 하단에있는 DIV의 위치를 ​​스크롤 이벤트 리스너를 넣어 :

obj.scroll(function(e) { 
    var uiValue = obj.scrollTop(); 
    $("#calendar-grid-key").animate({ bottom: -1 * uiValue }, 0); 
}); 

그것은 아름답게에서 작동하는 거의 모든 브라우저 줄 PC에 파이어 폭스 3. 이상한 지체가 있습니다 (비디오 : http://www.jamiewilson.co.nz/ScreenFlow.mov 참조).

누군가가 차이를 계산 한 후 그리기하지만 난 꽤 따르지 않는 날이 무승부를 중지 한 후 다시 시작 할 것을 온라인 아무것도 찾을 수없는 이벤트 도면을 중지 제안했다.

미리 환호하십시오!

Answer 1

약 this 어때? 그것은 전혀 움직이지 않습니다.

주요 포인트 :

스타일 :

#calendar-grid-key { 
    position: absolute; 
    border: 1px solid #FF0000; 
    } 

그리고 JS :

function moveCalendar() { 
    $("#calendar-grid-key").offset({top: $("#container").offset().top + $("#container").height() - $("#calendar-grid-key").height(), left: $("#container").offset().left }); 
} 

$(document).ready(function() { 

    moveCalendar(); 

    $("#container").scroll(function(e) { 
    moveCalendar() 
    }); 

});