JavaScript滚动偏移量

Question

我想每次滚动都获得页面偏移。我尝试了console.log(window.pageYOffset)。但是我需要像按钮这样的东西来进行控制。每次滚动时如何使控制台页面偏移？

Answer 1

这很简单。您知道如何获取滚动偏移量，每次滚动时只需重复一次即可。

幸运的是，我们有一个名为scroll的事件，它确实可以实现您所期望的名称。

向其添加一个监听器，该监听器记录pageYOffset：

 window.addEventListener('scroll', () => {
  console.log(window.pageYOffset)
})

<div style="height: 5000px; background-image:linear-gradient(to bottom, white, red)">Some content to scroll</div>