오프 스크린에있는 요소를 확인하는 방법

Question

나는 div 목록을 가지고 있으며 매번 다음 div로 가고 싶다. 나는 키를 누른다. div가 화면 밖에 있는지 확인해야하며, 그렇다면 앵커 또는 다른 방법을 사용하여 div를 표시하도록 화면을 이동해야합니다.

이렇게하는 최선의 방법은 무엇입니까?

내 케이스의 오프 스크린은 스크롤링 없이는 볼 수없는 것을 의미합니다. 따라서 StackOverflow 홈 페이지 상단에있는 경우 전체 페이지의 마지막 질문은 화면에 표시되지 않습니다.

Answer 1

가장 좋은 옵션은 y 오프셋을 가져 와서 창 높이를 확인하고 페이지를 스크롤 할 위치를 계산 한 다음 페이지를 해당 지점에 애니메이션으로 적용하여 페이지를 요소로 스크롤하는 것입니다.

//height of your div 
var scroll = 250; 
//animate from actual position to 250 px lower in 200 miliseconds 
$(window).animate({"scrollTop": "+="+scroll+"px"}, 200); 

이렇게 전체 코드는 아니지만 아이디어를 줄 수 있습니다.

체크 아웃 scrollTop

그것은, 신안 도움이되기를 바랍니다 JQuery와.