Javascript Webkit-如果不先向下滚动，则无法向上滚动

我在Webkit浏览器上遇到了这个奇怪的错误，如果用户试图在我的div中向上滚动，他们就无法这样做，如果用户在div的底部，他们就根本无法向上滚动。有关此问题的更多详细信息和视频：

我不确定这个问题的确切原因是什么，但我正在尝试实现一个解决方案，在该解决方案中，我拦截了滚动事件，如果用户试图向上滚动-我首先向下滚动一个像素，然后允许用户向上滚动。我将

onScroll

处理程序添加到我的组件中，并具有以下代码：

const handleScroll = e => {
    const element = e.target;
    element.scrollTo(0, element.scrollTop + 1);
    if (element.scrollHeight - element.scrollTop === element.clientHeight) {
        // do something at end of scroll
        console.log('END OF SCROLL');
        element.scrollTo(0, element.scrollTop - 1);
    }
};

在这段代码中，我总是向下滚动一个像素，但问题是我无法检测滚动的方向-我查看了各种解决方案，它们可以做到这一点，包括这个：但它们都不适用于我-

currentTarget.scrollY

未定义，钩子解决方案随机打印

向下滚动

，似乎根本不起作用