SA
메인 내용으로 이동

Programmatically Scroll

Lesser Known Trick

// Set the desired scroll speed
const scrollSpeed = 0.2

// Set the delay before starting the scroll (in milliseconds)
const startDelay = 5000

// Calculate the total distance to scroll
const totalScrollDistance = document.documentElement.scrollHeight - window.innerHeight

// Calculate the scroll duration based on the scroll speed and total distance
const scrollDuration = totalScrollDistance / scrollSpeed

// Get the start time
let startTime = null

// Function to handle the scrolling animation
function scrollAnimation(currentTime) {
if (startTime === null) {
startTime = currentTime
}

const elapsedTime = currentTime - startTime
const scrollPosition = (elapsedTime / scrollDuration) * totalScrollDistance

window.scrollTo(0, scrollPosition)

if (elapsedTime < scrollDuration) {
window.requestAnimationFrame(scrollAnimation)
}
}

// Function to start the scrolling animation after the specified delay
function startScrolling() {
setTimeout(() => {
window.requestAnimationFrame(scrollAnimation)
}, startDelay)
}

// Call the startScrolling function to begin the scrolling animation after the delay
startScrolling()

이 문서를 언급한 문서들