vue3中文字滚动代码

piaoyiren

于 2024-08-22 16:33:36 发布

阅读量297

点赞数 2

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/piaoyiren/article/details/141431793

版权

let scrollInterval: number | null = null;
let userInteracted = false;

const stopScroll = () => {
  userInteracted = true;
  if (scrollInterval !== null) {
    clearInterval(scrollInterval);
    scrollInterval = null;
  }
};

const handleScroll = () => {
  if (userInteracted || !scTop.value) return;

  // Start from the current scroll position
  let startPosition = scTop.value.scrollTop;
  let endPosition = scTop.value.scrollHeight - scTop.value.clientHeight;
  let h = 1;

  scrollInterval = window.setInterval(() => {
    if (userInteracted || h > 1000) {
      if (scrollInterval !== null) {
        clearInterval(scrollInterval);
        scrollInterval = null;
      }
      return;
    }

    nextTick(() => {
      if (scTop.value) {
        scTop.value.scrollTop = startPosition + h * 3;
      }
    });

    h++;
  }, 10); // Adjust the interval time for smoother or faster scrolling
};