JQuery를 사용하여 패널을 열 때 포커스 이동

Question

다음 사이트에는 "show map"및 "show floor plans"라고 표시된 두 개의 숨겨진 패널이 있습니다.

각 헤더를 클릭하면 슬라이드 패널이 열립니다.

평면도가 길기 때문에 페이지 뷰 아래로 이동합니다. 어쨌든 패널의 맨 아래에 포커스를 유지할 것인가? 클릭했을 때 전체 윈도우가 열리는 것을 볼 수 있으므로 스크롤을 피할 수 있습니까?

dev에 링크입니다 : 사전에 http://marldon.staging.dante-studios.com/property.php

감사합니다.

$("#foo").show()[0].scrollIntoView(false); 

뷰포트의 바닥에 false 스크롤 #foo의 바닥의 값을 전달 :

Answer 1

나는 당신이 찾고있는 것은 scrollIntoView 방법입니다 생각합니다. true을 전달하거나 값을 전달하지 않으면 상단이 상단에 정렬됩니다.

이 메서드는 standards-friendly browsers 및 Internet Explorer에서 모두 지원됩니다.