只在div内滚动

Question

如果页面中间有一个可滚动的div，当光标位于div内时，如何禁用div外的滚动？

当滚动到div的底部时，我不希望它开始滚动页面的其余部分。

div中的滚动由CSS中的overflow:auto启用

到目前为止，我有this JSFiddle。