Disable one-page scrolling when over some div.

I have a scrollable div. I need to be scrolling content inside the div as opposed to scrolling full page sections when the cursor is over the div. Right now, I am simply scrolling over the document even with the cursor over the div. Can any one help me with this? Also I am using the JS version but posted the issue here since this seems to be a more popular repository.