javascript - 如何检测用户鼠标向上滚动事件但不真正触发窗口滚动？

Question

我尝试像这个网站那样做一些页面转换。 https://www.lytic.tech/ .

但我无法弄清楚如何检测鼠标“滚动事件”而不是真正触发窗口滚动，尤其是隐藏滚动条。

我尝试设置 body overflow: hidden 并尝试将我的容器设置为 overflow: auto 以仅在我的容器内滚动。
但它似乎阻止了所有的滚动事件。

Answer 1

添加这个CSS。希望对您有所帮助。

html, body{
    height: 99%;
    overflow:hidden;
}

#parent{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#child{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px; 
    box-sizing: content-box; 
}