怎么实现两个滚动条,当内部滚动条滚动到底部时外部滚动条立刻向下滚动?-灵析社区

脑袋困掉惹

现在的情况是:当内部滚动条滚动到底部时如果继续滚动,外部滚动条不会滚动,需要停顿或者移动鼠标滚动才能触发外层滚动条 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/f07eb46c2204f3c8f281569f3d7d92c6.png)

阅读量:12

点赞量:0

问AI
一个简单的方案: 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 );