Child Window Scrolling Scrolls Parent Window

I have internal children divs with overflow set to auto, and whenever I use the mouse wheel to scroll and reach the bottom of said children “windows”, the parent window scrolls as well.

So imagine this…

you have a parent window with a scrollbar and a child window with a scrollbar. When the child window has been scrolled to its bottom (via mouse wheel), the parent window takes over, and the browser assumes the user is intending to scroll the parent.

I would like to disable this, so that the parent window never scrolls provided that the mouse is inside the child window. Anyone have any ideas on how to achieve this?

Thanks!

Also in #JavaScript _↴