요소를 확장하기 위해 브라우저 창을 스크롤하는 가장 좋은 방법은 무엇입니까?

Question

내 페이지에서 요소를 확장하면 창 아래로 스크롤됩니다.

내가 얻으려고하는 효과는 Stack Overflow 설명과 같습니다. 페이지를 넘어 확장되면 창에있는 모든 주석에 맞게 스크롤됩니다.

가장 좋은 방법은 무엇입니까?

편집 : JQuery를 사용하고 있습니다.

Answer 1

이 jQuery 플러그인 나를 위해 잘 작동 :.. http://demos.flesler.com/jquery/scrollTo/

Answer 2

Prototype을 사용하는 장점이 있다면 $(element).scrollTo()을 사용할 수 있습니다.

그렇지 않으면 일반적으로 요소의 누적 오프셋을 계산 한 다음 그에 따라 window.scrollTop (및 window.scrollLeft)을 설정하는 것이 일반적입니다. 그것은 혼자 프로토 타입보다 당신에게 더 정밀한 제어 할 수 있습니다

new Effect.ScrollTo('someDiv',{...some parameters...}) 

(지연 등의 afterFinish로 시작, 기간 및 콜백 이벤트() 허용하기 전에 :

Answer 3

당신은 (Prototype의 상단에 내장) Scriptaculous로 멋지게 할 수 있습니다 다른 효과를 유발하거나 당신이 무엇을 선택 당신은 부드럽고 정중하게 스크롤 할 수 있기 때문에 페이지가 갑자기 뛰어하지 않습니다

Answer 4

소스의 다음 요소가 무엇인지 알면 실제로 그 요소 (location.href = "# ...")로 건너 뛸 수 있습니다. 이것은 브라우저의 기본 '스크롤링'을 사용하고 라이브러리를 사용하지 않습니다.

Answer 5

이 코드는 사용할 수 있지만 완벽하지는 않습니다. 이 작동합니다 blonkm

function scrollTo(Selector){ 
    $(Selector).before("<a name='scroll' id='scroll'></a>"); 
    document.location.hash = 'scroll'; 
    $('scroll').remove(); 
} 

에 의해 제안 기준으로합니다. jQuery가 필요하지만 이미 사용하고 있다고 말한 것입니다.