( javascript )如何使用纯javascript将div移动到原始位置，并检查滚动条是否在可见区域之外

// 获取要移动的 div 元素
var divElement = document.getElementById('myDiv');

// 获取 div 元素的原始位置
var originalTop = divElement.offsetTop;
var originalLeft = divElement.offsetLeft;

// 设置 div 元素的 position 属性为 absolute
divElement.style.position = 'absolute';

// 获取当前滚动条的位置和可见区域的高度
var scrollPosition = window.scrollY;
var visibleHeight = window.innerHeight;

// 检查滚动条是否在可见区域之外
if (originalTop < scrollPosition || originalTop > scrollPosition + visibleHeight) {
  // 将 div 元素移动到原始位置
  divElement.style.top = originalTop + 'px';
  divElement.style.left = originalLeft + 'px';
}

// 如果需要平滑地移动 div 元素，可以添加过渡效果
divElement.style.transition = 'top 0.3s, left 0.3s';