JS 获取当前最高位置事件侦听器

在开发 Web 应用时，经常需要获取当前页面中最高的滚动位置。这可以通过 JS 来实现，通过绑定滚动事件并记录滚动的距离来获取当前最高位置。

代码实现

function getTopElementListener() {
  let topElement = document.documentElement;
  let topElementScrollTop = topElement.scrollTop;

  window.addEventListener('scroll', () => {
    let currentTop = topElement.scrollTop;

    if (currentTop > topElementScrollTop) {
      topElementScrollTop = currentTop;
    }
  });

  return topElementScrollTop;
}

代码说明

以上代码实现了通过事件监听器来获取当前最高位置的功能。首先，我们获取页面的根元素 document.documentElement 和它的滚动位置 scrollTop。然后，我们绑定监听 window.addEventListener('scroll', ...)，并在监听函数中获取当前滚动位置 topElement.scrollTop。如果当前的滚动位置比之前记录的位置高，则将之前记录的位置更新为当前位置 topElementScrollTop = currentTop。最后，我们返回最终的最高位置 topElementScrollTop。

总结

通过以上代码实现，我们可以方便地获取当前页面中最高的滚动位置。在使用时，只需要将函数 getTopElementListener() 在需要的位置调用即可。