2012-06-30 4 views
1

많은 범위를 벗어난 페이지가 있고 body{overflow:hidden}을 설정 했으므로 뷰포트 외부에 있지 않습니다. 그래서 브라우저의 PoV를 이동시킬 버튼에 기능을 추가하여 범위 밖의 내용이 뷰포트에 올 수 있도록합니다.자바 스크립트 : 브라우저의 "뷰 포인트"이동

내가 지금 생각할 수있는 것은 body{position:relative}을 설정하고 jQuery를 사용하여 본체를 animate()으로 변경하는 것입니다. 그러나 성과 측면에서이를 달성하기위한 더 좋은 방법이 있습니까?

+2

[jQuery UI'$ .draggable()'] (http://jsfiddle.net/userdude/t6CNF/)를 사용할 수 있습니다.), 콘텐츠를 읽는 사용자 상호 작용 (해당 사이트에서 수행중인 작업 인 경우)이 조금 어색할 수 있습니다. 아마도 ['jQuery.scrollTo()'] (http://demos.flesler.com/jquery/scrollTo/)를 살펴볼 것입니다. 그것은 애니메이션이기 때문에 성능을 기대한다면 재사용 * 할 수있을 때 셀렉터를 캐시해야합니다. –

답변

0

document.documentElement.scrollLeft.scrollTop을 올바른 크기로 설정하면 뷰포트에 원하는 콘텐츠가 표시됩니다.

참고 : Firefox에서는 document.body을 대신 설정해야합니다. 크로스 브라우저 솔루션의 경우 둘 다 설정하면 쌍 중 하나는 0으로 유지됩니다.

관련 문제