에뮬레이션 스페이스 바를 스크롤 기능

Question

나는 모든 이미지에 스크롤 기능을 개발하고 있어요

하지만, 텍스트 내가 스페이스 바를 기능을 모방하고자 할 때

그래서 내가 가지고있는 코드는 다음과 같습니다

window.scrollBy(0,window.innerHeight*0.8); 

하지만 나는 더 정확하고 싶습니다. 스페이스 바 스크롤 기능의 기본 코드를 아는 사람이 있습니까?

Answer 1

window.scrollTo 당신은 내가 스페이스 바를 실제로 사용하는 것 간격 모르겠어요 현재 스크롤 위치 +

window.scrollTo(0, window.scrollY+=200)

같은 일련의 간격을 사용해야합니다하지만 난 당신이 행복의 값을 찾을 수 있습니다 확신 와.

편집 : window.pageYOffset보다 브라우저 친화적 일 수 있습니다. 여기에 자신의 코드에서 에뮬레이트 된 스페이스 바가 있습니다. 왜 당신이 원하는지 확실하지 :

document.onkeydown = function(event) { 
    if(event.keyCode===32){ 
     event.preventDefault(); 
     window.scrollTo(0, window.pageYOffset+=window.innerHeight*0.8) 
    } 
}