2011-04-10 6 views
1

jscrollpane 구현을 위해 자동 스크롤 페이지로드를 시작하려고합니다. 그 이유는 앵커 링크를 사용하여 많은 컨텐츠가있을 때 창 영역의 요소로 스크롤하는 것은 스크롤 높이의 계산을 망쳐 놓는 것처럼 보입니다. 여기jscrollpane 문서 로딩시 자동 스크롤?

예 : http://sunlight.pixelalchemy.com.au/tiltrak

(페이지가로드 "바닥 무게"가장 낮은 링크를 클릭하고 문제를 볼 수 있습니다 후) 당신이 (파란색 막대를 드래그) 수동 스크롤을 사용하는 경우

먼저. 그런 다음 작동하는 링크를 사용하십시오. 그래서 페이지 위쪽에있는 요소로 페이지를 자동 스크롤하여 솔루션으로 작동하는 것처럼 보입니다. http://onomadesign.com/wordpress/identity-design/china-packaging-corporation/

내에서을 :

이 사이트는 내가 일하고 있어요 나는이 사이트에 재현하려고했습니다 클래스 요소에 자동 스크롤을 할 것으로 보인다 (autoReinitialise를 사용하는 것은 나를 위해 작동하지 않았다) 이 작업을 수행하는 페이지 코드는 다음과 같습니다

$("#mainContent").scrollTo('.productInfo'); 

모두 WO하지 않는 것 :

$(function() 
      { 
       // Set up #pane4 and the links which scrollTo elements within it 

       var $pane4 = $('#contentPanel'); 
       $pane4.jScrollPane({animateTo:true}); 
       $pane4.scrollTo('.productInfo'); 
       $('a.scroll-to-element-demo').bind(
        'click', 
        function() 
        { 
         var targetElementSelectorString = $(this).attr('rel'); 
         $pane4[0].scrollTo(targetElementSelectorString); 
         return false; 
        } 
       ); 
      }); 
//left content panel slide in to appear on document ready 
$(document).ready(function() { 
    $("#mainContent").animate({"right": "+=673px"}, "3000"); 
}); 

나는 또한 (페이지 JS의 하단에있는) 문서 준비 부분에 이것을 추가하려고 rk.

jQuery의 초보자입니다. 정말 이걸 정렬하고 많은 시간을 sooo에서 보냈습니다. 이에 대한 도움을 받으려면 정말 기쁩니다.

답변

1

현재 (v2)보다는 jScrollPane (v1)의 아주 오래된 버전을 사용하고있는 것 같습니다. 여기에서 현재 버전을 찾을 수 있고 쉽게 작업을 찾을 수 있습니다 : 기본적으로

http://jscrollpane.kelvinluck.com/scroll_to.html

당신은 : 여기 API의 scrollToY 방법을 사용하는 예제가있다

http://jscrollpane.kelvinluck.com/

the API에 대한 참조가 필요하면 scrollToY (또는 scrollToElement)를 호출하면됩니다.