如何让滚动箭头在顶部和底部消失？JavaScript

// 获取滚动条元素
var scrollElement = document.documentElement;

// 监听滚动事件
window.addEventListener('scroll', function() {
  // 获取滚动条的位置
  var scrollTop = scrollElement.scrollTop || document.body.scrollTop;

  // 获取可视区域的高度
  var clientHeight = scrollElement.clientHeight || document.body.clientHeight;

  // 获取页面的总高度
  var scrollHeight = scrollElement.scrollHeight || document.body.scrollHeight;

  // 判断滚动条是否在顶部或底部
  if (scrollTop === 0) {
    // 滚动条在顶部，隐藏顶部箭头
    document.getElementById('topArrow').style.display = 'none';
  } else if (scrollTop + clientHeight === scrollHeight) {
    // 滚动条在底部，隐藏底部箭头
    document.getElementById('bottomArrow').style.display = 'none';
  } else {
    // 滚动条在中间位置，显示顶部和底部箭头
    document.getElementById('topArrow').style.display = 'block';
    document.getElementById('bottomArrow').style.display = 'block';
  }
});