Prevent the content to scroll down with the mouse scroll unless by using the scroll bar

How can I make the content none scrollable by the mouse wheel, but instead, can only be scrolled down using the scroll bar.

Thanks so much.

Solution

Youcan bind touchstart event, but there is no scrollbar on mobile, so how would user scroll?

$("body").bind("mousewheel, touchstart", function() {
     return false;
});