스크롤 바 위치 변경

Question

사용자가 웹 페이지 아래로 스크롤하는 특정 지점에 도달 할 때 스크롤 바 위치를 변경할 수 있습니까? 예를 들어 페이지 아래로 내려 가면 스크롤 바가 자동으로 상단으로 이동합니다.

Answer 1

당신은 onscroll 이벤트, 그리고 50 %에 도달하면 스크롤 위치는 페이지 상단으로 설정할 수 있습니다. Scrollto 기능:

window.onload = function () { 
  window.onscroll = function () { 
    var doc = document.body, 
    scrollPosition = doc.scrollTop,
    pageSize = (doc.scrollHeight - doc.clientHeight),
    percentageScrolled = Math.floor((scrollPosition / pageSize) * 100); 

     if (percentageScrolled >= 50){ // if the percentage is >= 50, scroll to top
       window.scrollTo(0,0); 
     } 
   }; 
};

내 예를 확인할 수 있습니다 여기.

Answer 2

네, 몇 번 보았습니다. JS 코드는 다음과 같습니다.

window.scrollBy(0,50)

50은 스크롤하려는 픽셀의 양입니다.

Answer 3

당신이 걱정하고 싶은 세 가지 스크롤 함수는 window.scroll(x,y), window.scrollBy(dx,dy), 그리고 window.scrollTo(x,y).

David는 언급했듯이 자신이 어디에 있는지 알고 사용하려면 스크롤 위치가 필요합니다. window.onscroll 이 계산을 발사하는 이벤트.

Answer 4

(wind