javascript - 增加/减少滚动变量

Question

有没有办法在用户向上滚动时增加变量，并在用户使用 JavaScript 向下滚动时减少变量？变量没有最大值或最小值，如果能够调整灵敏度就好了。我不知道从哪里开始，感谢您的帮助!

编辑:没有滚动条，因为页面内容完全适合屏幕，没有任何额外内容。如果这造成任何混淆，我们深表歉意。

Answer 1

原始答案

您可以使用window.scrollY。它是距离屏幕顶部的像素距离，所以如果您使用-window.scrollY 使其在向上滚动时增加，在向下滚动时减少(变得更负)，就像您要求的那样。

如果你想调整灵敏度，你可以将它除以任意值(在这个例子中，5):

function getAdjustedScroll() {
    const DIVIDE_AMOUNT = 5;
    return -window.scrollY / DIVIDE_AMOUNT;
}

编辑

您还可以使用 wheel 事件来检测非滚动页面上的滚轮移动。

使用与原始类似的示例:

let scrollAmount = 0;

document.addEventListener('wheel', (event) => {
    const DIVIDE_AMOUNT = 5;
    scrollAmount += event.deltaY / DIVIDE_AMOUNT;
});