페이지를 스크롤하여 div 요소의 전체 내용을 표시 하시겠습니까?

Question

div를 확장하여 내용을 표시하는 간단한 javascript 토글 기능을 사용하고 있습니다. div가 화면 하단 근처에 있으면 div가 확장되고 div의 일부가 화면에서 사라집니다.

페이지가 자동으로 아래로 스크롤되어 div가 표시되도록하려면 어떻게해야합니까?

Answer 1

DIV을 포함하여 페이지의 각 요소에는 문서와 관련된 오프셋 값 집합이 있습니다. $.offset() 방법을 통해 이러한 정보를 얻을 수 있습니다. 이렇게하면 페이지의 요소에 대한 x 및 y 좌표가 표시됩니다.

야생에 존재하는 많은 플러그인 (예 : Ariel Flesler의 $.scrollTo())이 당신을 위해 페이지 스크롤을 움직이게하고 제공된 좌표 세트를 통해 그렇게 할 수도 있습니다. 이 두 항목을 결합하여 DIV의 오프셋 좌표로 스크롤하는 작업을 자동화 할 수 있습니다.

귀하의 DIV이 뷰포트보다 크지 않은지 확인하거나, 더보기를 원하면 더 스크롤해야합니다.