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에서 보냈습니다. 이에 대한 도움을 받으려면 정말 기쁩니다.