滚动

js滚动到指定位置
const rollTo = (distance = 0, time) => {
// debugger
if (!time) {
scrollTo(0, distance);
return distance;
}
const spacingTime = 20; // 设置循环的间隔时间 值越小消耗性能越高
let index = time / spacingTime; // 计算循环的次数
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)
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容