iscroll5 上拉，下拉 加载数据

<section id="downwraper" class="nodeBottom bot0 bgfff">

    <div id="downscroller">

        <div id="pullDown">

            <div class="pullDownLabel">正在加载中...</div>

        </div>

		<div id="out">

			<div id="datalist">

			</div>

		</div>

        <div id="pullUp">

            <div class="pullUpLabel">正在加载中...</div>

        </div>

    </div>

</section>

<div class="fixedbg navfixed"> </div>

<script>
	//上拉

	var strStop = true;

    var page_data_url = '/chinalao/wap/public/sgrab/indexlist';

    var noDataUrl = '/chinalao/wap/public/sgrab/indexmore';

    var condition_str = 'dG90YWxfY291bnQ9MCZjaXR5aWQ9NDIyNg%3D%3D';

    var page_count = 1;

    var current_page = 1;
var loadlist = new Loadlist({'pageUrl':page_data_url,'pageCondition':condition_str,"pageNoUrl":noDataUrl,'pageCount':page_count,'stopDown':strStop,'callback':function(){

 　　　　　　　　//判断有无数据时候调用

		if($("#datalist").outerHeight()<=($(window).height()-120)){

			$("#out").height($(window).height()-120);

			loadlist._setOptionStopDown(true);

		}else{

			$("#out").css("height","auto");

			loadlist._setOptionStopDown(false);

		}

	}});

    loadlist.loaded();

</script>

//css

/*iscroll {*/
#wrapper,
#citywraper,
#selectwraper,
#telwraper,
#downwraper,
#aboutwraper,
#allwraper {
    position: absolute;
    z-index: 1;
    top: 48px;
    bottom: 67px;
    left: 0;
    width: 100%;
    overflow: hidden;
}
#wrapper.normal,#downwraper.normal {top:90px;}
#downwraper.bot0,#wrapper.bot0,#aboutwraper.bot0 {bottom: 0;}
#downwraper.top372,#wrapper.top372 {top:372px;}
#downwraper.top250,#wrapper.top250 {top:250px;}
#downwraper.top276,#wrapper.top276 {top:276px;}
#downwraper.top348,#wrapper.top348 {top:348px;}
#downwraper.top {top:157px;}
#downwraper.top2 {top:183px;}
#allwraper {top:88px; bottom:116px; z-index:3000; background:#fff;}
#scroller,
#telscroller,
#selectscroller,
#cityscroller,
#downscroller,
#aboutscroller,
#allscroller  {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
/*}*/