javascript - Stop page from scrolling when div is scrolled to the bottom -

basically, have scrolling div. want div scroll obviously, once scrolled way bottom, if user continues scroll, don't want page scroll. basically, when mouse in div, want scrolling within div, , when mouse outside of div want page scroll. there way of doing this? i'm using jquery other aspects of site have if helps.

well, thing see happening focus not set div when move it, , loose focus when move out.

example javascript:

<div onmouseover="javascript:this.focus();" onmouseout="javascript:this.blur();"> 

also, sure css class div has following, in specific order:

overflow: auto; overflow-y: scroll;