如何在javascript中双击滚动

element.addEventListener('dblclick', function(event) {
  // 双击事件处理逻辑
});

element.scrollTop = newValue;

function smoothScrollTo(element, targetPosition, duration) {
  const startPosition = element.scrollTop;
  const distance = targetPosition - startPosition;
  const startTime = performance.now();

  function scrollAnimation(currentTime) {
    const elapsedTime = currentTime - startTime;
    const scrollProgress = Math.min(elapsedTime / duration, 1);
    const scrollValue = startPosition + distance * scrollProgress;

    element.scrollTop = scrollValue;

    if (scrollProgress < 1) {
      requestAnimationFrame(scrollAnimation);
    }
  }

  requestAnimationFrame(scrollAnimation);
}

// 使用示例
element.addEventListener('dblclick', function(event) {
  const targetPosition = 500; // 目标滚动位置
  const duration = 1000; // 滚动动画持续时间（毫秒）
  smoothScrollTo(element, targetPosition, duration);
});