微信版页面快速上拉加载，这个页面一起滚动而非滚动区

在PC端的chrome手机模式下，没有问题。
当在手机浏览器或微信中打开是，当慢慢的上拉加载是没有问题的，当快速的上拉或下拉。整个页面会上下动（即出现了两个滚动条），而非只有指定的滚动区。
主要代码如下：
<input type="hidden" id="page" name="page" value="2">
<input type="hidden" id="type" name="type" value="all">
<div class="mui-content">
<div class="mui-segmented-control mui-segmented-control-inverted">
<a id="o_all" class="mui-control-item" href="javascript:getProducts('all');">全部分类</a>
<a id="o_active" class="mui-control-item" href="javascript:getProducts('active');">综合排序</a>
<a id="icon-menu" class="mui-control-item" href="#">筛选</a>
</div>
<div id="main_scroll" class="mui-control-content mui-active">
<div id="pullrefresh" class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul id="grid" class="mui-table-view mui-grid-view">
<li class="mui-table-view-cell mui-media mui-col-xs-6">
<a href="#">
<img class="mui-media-object" src="thumbnail_pic}>" alt=""/>
<div class="mui-media-body">
<p class="mui-ellipsis">名称</p>
<p class="info">
<span class="price"><b>price</b></span>
<span class="mui-badge mui-badge-warning flow-right">dsf</span>
</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>