在slider控件里放了一个scroll控件，怎么才能在scroll控件里拖动时只响应scroll的事件呢

在slider控件里放了一个scroll控件，怎么才能在scroll控件里拖动时只响应scroll的事件呢

代码大体如下：
<div id="slider" class="mui-slider">
<div class="mui-slider-group">
<div class="mui-slider-item mui-control-content mui-active" style="height: 500px">
<div class="test mui-scroll-wrapper " style="height:200px">
<div class="mui-scroll">
<div class="test-body" style="height:200px; width: 1000px;"></div>
</div>
</div>
</div>
<div class="mui-slider-item mui-control-content mui-active" style="height: 500px">
11111
</div>

   <div class="mui-slider-item mui-control-content mui-active" style="height: 500px">  
            22222  
   </div>  
</div>  

</div>

在.test里左右拖动时，是移动.test-body，在.test之外左右拖动时，是切换外边的slider
请问怎么能实现呢？