实现网页上滑加载更多数据

Question

我的文章列表代码

<div id="wall" class="wall">
<?php doAction('index_loglist_top');if (!empty($logs)):foreach ($logs as $value):?>    

<?php if(!empty($value['log_cover'])) {
    $imgurl = $value['log_cover'];
} elseif(img_ns($value['content'])) {
    $imgurl = img_ns($value['content']);
} else {
    $imgurl = "";
}
?><div class="sheli">
    <div class="article">
        <a href="<?php echo $value['log_url']; ?>"> <img src="<?php echo $imgurl;?>" /></a>
        <h2><?php echo $value['log_title']; ?></h2>
    </div>
    </div>
                <?php
                endforeach;
            else:
                ?>
                <p>抱歉，暂时还没有内容。</p>
            <?php endif; ?>
</div>
<div id="pagenavi">
    <?php echo $page_url;?>
</div>

我写的加在更多没用

<script>
var ias = $.ias({
    container: ".wall", //包含所有文章的元素
    item: ".sheli", //文章元素
    pagination: "#pagenavi", //分页元素
    next: "#pagenavi a", //下一页元素
});
ias.extension(new IASTriggerExtension({
    text: '<div class="gengduo">点击查看更多内容</div>', //此选项为需要点击时的文字
    offset: 1, //设置此项后，到 offset+1 页之后需要手动点击才能加载，取消此项则一直为无限加载
}));
ias.extension(new IASSpinnerExtension());
ias.extension(new IASNoneLeftExtension({
    text: '<div class="gengduo">已经是全部内容了</div>', // 加载完成时的提示
}));
</script>

Answer 1

是底部上拉继续加载资源吗？监听高度吧，滚轮事件