父页面的横向滚动和子页面的下拉刷新起了冲突怎么解决

这是我父页面的代码，做的是横向滚动，在我子页面还没有添加下拉刷新的时候横向滚动是可以使用的

        <nav class="mui-bar mui-bar-tab tab-nav  mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">  
            <div class="mui-scroll">  
                <a id="defaultTab" class="mui-control-item mui-active" href="news-list.html">  
                    <span class="mui-tab-label">全部</span>  
                </a>  
                <a class="mui-control-item" href="news-study.html">  
                    <span class="mui-tab-label">学习探索</span>  
                </a>  
                <a class="mui-control-item" href="news-life.html">  
                    <span class="mui-tab-label">生活发现</span>  
                </a>  
                <a class="mui-control-item" href="news-society.html">  
                    <span class="mui-tab-label">社会头条</span>  
                </a>  
                <a class="mui-control-item" href="news-career.html">  
                    <span class="mui-tab-label">职业发展</span>  
                </a>  
            </div>  
        </nav>

下面是我子页面的内容，子页面的下拉刷新是可以用的，想问下有什么解决办法吗？
<div class="mui-content all mui-scroll-wrapper" id="pullrefresh">
<div class="mui-scroll news-list">
</div>
</div>