一个简单的方案:
let outer_scroll = document.querySelector("#outer_scroll");
let inner_scroll = document.querySelector("#inner_scroll");
inner_scroll.addEventListener(
"mousewheel",
(e) => {
let ct = e.currentTarget;
if (e.wheelDeltaY > 0) {
// 上滚
if(ct.scrollTop == 0){
outer_scroll.scrollTop -= 30;
e.preventDefault();
e.stopPropagation();
}
} else {
if (ct.scrollTop + ct.offsetHeight == ct.scrollHeight) {
outer_scroll.scrollTop += 30;
e.preventDefault();
e.stopPropagation();
}
}
},
false
);