js滾動到指定位置
const rollTo = (distance = 0, time) => {
// debugger
if (!time) {
scrollTo(0, distance);
return distance;
}
const spacingTime = 20; // 設置循環(huán)的間隔時間 值越小消耗性能越高
let index = time / spacingTime; // 計算循環(huán)的次數(shù)
let now = document.getElementById("details").scrollTop; // 獲取當前滾動條位置
let rollDistance = (distance - now) / index; // 計算每次滑動的距離
let rollTimer = setInterval(() => {
if (index > 0) {
index--;
document.getElementById("details").scrollTop += rollDistance;
} else {
clearInterval(rollTimer); // 清除計時器
}
}, spacingTime);
};
const height = document.getElementById(`content${i + 1}`).offsetTop - 44
// rollTo(距離,時間);
rollTo(height, 200)