테스트 사이트 - 개발 중인 베타 버전입니다

jquery scrollTop 퍼센트로 이동시키기 채택완료

망고프리 1년 전 조회 2,329

안녕하세요.

scrollTop을 숫자가 아닌 퍼센트로 이동시키고 싶은데

이동시키는 방법이 있을까요?

 

안되면

퍼센트는 아래 공식으로 구했는데

var scrollHeight        = jQuery(document).innerHeight(); var scrollPosition        = jQuery(window).scrollTop(); var scrolled = (scrollPosition / scrollHeight) * 100;

 

반대로 40%는 위에서 어느정도 위치에 있는지

재 계산을 할 수 없나요?

 

$("html, body").animate({scrollTop: 40%},0);

 

감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
1년 전

안녕하세요.

아래의 코드를 참고해 보시겠어요?

 

// 원하는 퍼센트 위치 var targetPercentage = 40;

// 문서의 전체 높이 var documentHeight = $(document).height();

// 스크롤이 이동해야 할 위치 var scrollTo = (documentHeight * targetPercentage) / 100;

// 스크롤 애니메이션 $("html, body").animate({ scrollTop: scrollTo }, 1000); // 1000은 애니메이션 속도(ms)입니다.  

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

망고프리
1년 전
감사합니다.
잘 되네요

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인