当内部滚动出现在屏幕上时无法停止外部滚动

Question

我正在尝试添加类似于http://www.uber.com/的滚动效果，这意味着当子（内部）滚动出现在屏幕上时，父（外部）滚动应该停止，当子（内部）滚动完成时父（外）卷轴应该开始。

我在我的某个网站上试过这个，但效果并不理想。

这是JS的一部分，到目前为止我已经尝试过停止外部滚动：

           var movement=$("#movement_val").val();

           if ((movement=='up') && (sectionIndex==0)){
               enableScroll();
           }
           else if ((movement=='down') && (sectionIndex==2)){
               enableScroll();
           }
           else{
               disableScroll(); 
           }