angular 监听不到嵌套子页面的鼠标滚动事件

Question

如图，右边的滚动条可以滚动，左边的滚动条可以拉动，但鼠标滚动页面岿然不动。
使用得angular-ui-router嵌套路由。
整个是一个主页，左边内容不变一直存在，右边是一个嵌套子页面，地址后面部分为“/#/main/dynamicNew/”。
在main页面，嵌套子页面的代码为：

 <div class="chatBox" ui-view>  
 </div>

.chatBox {overflow:auto}

调试发现去掉overflow属性，页面就能滚动，但布局乱了，子页面就不受父标签控制了。
现在决得是路由得问题，导致子页面监听不到鼠标滚动事件，但不知道怎么排查。