页面有两个地方有滚动，只有一个会滚动，另一个不会滚动怎么办

就是要实现左右两部分互不干扰的滚动
<div class="leftTab mui-scroll-wrapper" id="leftTab">
<div class="mui-scroll">
<div class="all">
<img src="../img/name.png"/>
<div>全部</div>
</div>
<ul class="mui-table-view" id="allBrand" data-exp="d" data-method="grid" data-map="map">
<li class="mui-table-view-cell">
<img data-exp="map" data-method="img"/>
<div data-exp="map.BRAND_NAME">全部</div>
</li>
</ul>
</div>

        </div>  
        <div id="item" class="mui-scroll-wrapper mui-active">                   
            <div class="mui-scroll">                              
                <ul class="mui-table-view" id="item1"  data-exp="d" data-method="grid" data-map="map">                                        
                    <li class="mui-table-view-cell">                          
                        <!--<img data-exp="map" data-method="img"/>-->  
                        <span data-exp="map.MODEL_NAME"></span>  
                    </li>  
                </ul>  
            </div>  
        </div>  

这样子的两部分，现在是只有第一个scroll会滚动，第二个不会滚动，求大神指教