原生js实现滚动视口监听

可以通过监听 `scroll` 事件来实现滚动视口的监听。具体步骤如下：

1. 获取需要监听滚动事件的元素，一般是 `window` 或者具有滚动条的元素。
2. 给元素添加 `scroll` 事件监听器。
3. 在事件处理函数中获取滚动位置，可以通过 `element.scrollTop` 或者 `window.scrollY` 来获取。
4. 根据滚动位置做出相应的处理。

以下是一个简单的示例代码：

// 获取需要监听滚动事件的元素
const element = window;

// 添加 scroll 事件监听器
element.addEventListener('scroll', function() {
  // 获取滚动位置
  const scrollTop = element.scrollTop || window.scrollY;
  
  // 根据滚动位置做出相应的处理
  console.log(scrollTop);
});

在实际应用中，可能需要根据滚动位置来实现一些特定的效果，比如悬停菜单、无限滚动加载等。