如何反转滚动运动？

Question

我尝试进行反向导航。我使用scrollTo从底部显示页面。 我想反转车轮运动，当旋转运动下降时，页面转到顶部。

身体有固定的高度，所以我使用：

 window.scrollTo(0, 2000);

Answer 1

防止使用默认的wheel事件操作，然后使用window.scrollTo方法以编程方式进行完全相反的操作。在其中使用deltaX和deltaY获取滚动量，并使用scrollX和scrollY正上方获取当前滚动位置。

document.getElementById('div').addEventListener('wheel', function(e) {
  e.preventDefault()
  window.scrollTo(window.scrollX - e.deltaX, window.scrollY - e.deltaY)
});

body {
  height: 100vh;
}

#div {
  height: 2000px;
  overflow: auto;
}

<div id="div"></div>

选中polyfill for making stable across different browsers。