怎么实现两个滚动条，当内部滚动条滚动到底部时外部滚动条立刻向下滚动？

Question

现在的情况是：当内部滚动条滚动到底部时如果继续滚动，外部滚动条不会滚动，需要停顿或者移动鼠标滚动才能触发外层滚动条

Answer 1

一个简单的方案:

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