jquery scrollTop 퍼센트로 이동시키기
본문
안녕하세요.
scrollTop을 숫자가 아닌 퍼센트로 이동시키고 싶은데
이동시키는 방법이 있을까요?
안되면
퍼센트는 아래 공식으로 구했는데
var scrollHeight = jQuery(document).innerHeight();
var scrollPosition = jQuery(window).scrollTop();
var scrolled = (scrollPosition / scrollHeight) * 100;
반대로 40%는 위에서 어느정도 위치에 있는지
재 계산을 할 수 없나요?
$("html, body").animate({scrollTop: 40%},0);
감사합니다.
답변 1
안녕하세요.
아래의 코드를 참고해 보시겠어요?
// 원하는 퍼센트 위치
var targetPercentage = 40;
// 문서의 전체 높이
var documentHeight = $(document).height();
// 스크롤이 이동해야 할 위치
var scrollTo = (documentHeight * targetPercentage) / 100;
// 스크롤 애니메이션
$("html, body").animate({ scrollTop: scrollTo }, 1000); // 1000은 애니메이션 속도(ms)입니다.
감사합니다.
잘 되네요
답변을 작성하시기 전에 로그인 해주세요.