How to use jquery to disable mouse scroll wheel function that scrolling the long page when the mouse is pointing inside a div?

I need to disable it because I have another mouse scroll wheel function inside the div, if the page is too long, when i scroll my mouse wheel, the div and the page both will be scrolled. I don't want both of them be scrolled, i want inside div be scrolled only.