js scroll

// 示例代码：使用 JavaScript 实现滚动效果

// 获取页面中的元素
const scrollElement = document.querySelector('.scroll-element');

// 监听滚动事件
window.addEventListener('scroll', function() {
  // 获取页面的滚动位置
  const scrollTop = window.pageYOffset || document.documentElement.scrollTop;

  // 根据滚动位置改变元素的样式或其他属性
  if (scrollTop > 200) {
    scrollElement.style.transform = 'translateY(-100px)';
  } else {
    scrollElement.style.transform = 'translateY(0)';
  }
});

// 解释说明：
// 1. `document.querySelector('.scroll-element')` 用于选择页面中具有类名 `scroll-element` 的元素。
// 2. `window.addEventListener('scroll', ...)` 监听窗口的滚动事件，当用户滚动页面时触发回调函数。
// 3. `window.pageYOffset` 或 `document.documentElement.scrollTop` 获取页面垂直方向的滚动距离。
// 4. 根据滚动距离的不同，改变元素的样式，例如通过 `transform` 属性实现平移效果。