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

Question

我尝试像此网站一样进行一些页面转换。 https://www.lytic.tech/。

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

我尝试设置主体 public function getServicesOptions() { return Service::whereIn('category', explode(',',$this->categories))->orderBy('id')->lists('title', 'id'); } ，并尝试将容器设置为overflow: hidden，以便仅在容器内部滚动。
但这似乎阻止了所有滚动事件。

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; 
}