2012-07-04 5 views
2

Im ScrollToFixed를 매우 성공적으로 사용하여 하나의 캐치. 내 콘텐츠 내부에 확장 div가있는 경우 div가 확장되면 scrollToFixed 끝 점이 동적으로 새 높이를 고려하여 증가하지 않습니다.ScrollToFixed jQuery 플러그인에서 계산 된 값을 '새로 고'할 수 있습니까?

그래서 확장 div가 닫힐 때 원래 계산 된 지점에 종점이 고정되어 있습니다. div는 div가 확장 된 후에 고쳐야하는 지점이 아니라 중간에 어느 정도 수정됩니다.

제가 생각할 수있는 가장 쉬운 방법은 div가 확장 된 후에 scrollToFixed가 종점을 다시 계산하도록하는 것입니다.이 방법이 있습니까?

또는 다른 솔루션도 물론 환영합니다!

답변

0

@ user338128은 올바른 경로에 있습니다. 그러나 플러그인은 초기화 또는 창 크기 조정시 해당 "끝점"만 계산하거나 다시 계산합니다. 사업부가 확장 또는 수축 할 때,이 전화 :

$(window).resize() 

이 플러그인의 목표는 다음 다시 계산 UNFIX하게됩니다.

0

작동하는지 나는 확실히 모르지만 신축력이해야 할 때이

jQuery(window).scroll();

어떤 기능 당신은 사업부를 확장하기 위해 사용합니까? 플러그인의 링크를 줄 수 있습니까?

+0

아니고 플러그인 단순한 JQuery와 CSS의 높이 제한 사업부의 진정한 높이를 찾아 확장 : (예를 들어 동적 텍스트 영역의 크기를 변경하는 경우) 함수는 새로운 한계 값을 설정합니다 그 div의 진정한 가치에 대한 높이. http://jsfiddle.net/eFZCy/ – Mark

+0

왜이 선택자를 추가하지 않습니까 :'.otsectionsmall.expanded {height : auto; ($ this ") $ this ($ this") $ this ($ this ") $ this"$ this " – Ties

1

GitHub 예를 들어 귀하의 요소에 trigger('resize') 전화를하고 다시 계산이 수행되는 것처럼 작동하는 것 같습니다. 그러나 요소에 바인딩 된 '크기 조정'이벤트가 없습니다. 그러나 창문에 이것이 재 계산을 유발합니다.

플러그인 코드를 보면 'resize.ScrollToFixed'이벤트가 있습니다. 그래서 윈도우 리사이즈 이벤트를 듣고, 내 요소가 확장되거나 축소 될 수 있으며, 내 요소에 trigger('resize.ScrollToFixed')을 수행합니다. 이것은 잘 작동합니다.

1

이 질문은 2 살이며 제공된 솔루션 (Github 페이지에서 제공)은 부트 스트랩의 확장 텍스트 영역에서 작동하지 않습니다.

따라서 제한 사항에 대한 플러그인 기본 옵션을 동적으로 업데이트하는 이벤트 리스너를 작성했습니다. 앱에서이 트리거를 넣어

$(document).on("changeLimit", 
    function(e) { 
     base.options.limit = e.limit; 
     checkScroll(); 
    } 
); 

:

잘 라인 386에 windowScroll 리스너 후, scrolltofixed.js이 청취자를 추가합니다 사람이 같은 문제가있는 경우

, 여기에 수정 프로그램입니다

$.event.trigger({ 
    type: "changeLimit", 
    limit: $('.page_wizard').offset().top - your offset 
});