如何在屏幕边框处停止JavaScript中的元素？

// 获取元素
var element = document.getElementById('your-element-id');

// 监听窗口滚动事件
window.addEventListener('scroll', function() {
  // 获取元素的位置信息
  var rect = element.getBoundingClientRect();
  
  // 获取视口的宽度和高度
  var viewportWidth = window.innerWidth || document.documentElement.clientWidth;
  var viewportHeight = window.innerHeight || document.documentElement.clientHeight;
  
  // 判断元素是否接触到屏幕边框
  if (rect.left <= 0 || rect.right >= viewportWidth || rect.top <= 0 || rect.bottom >= viewportHeight) {
    // 停止元素的动画或修改元素的位置
    element.style.position = 'fixed';
    element.style.top = '50%';
    element.style.left = '50%';
    element.style.transform = 'translate(-50%, -50%)';
  }
});