捕获滚动​​坐标Jquery Mobile

Question

当用户滚动到初始数据集的底部时，我想将50条数据记录追加到列表视图中。我看到jquery mobile中有一个滚动事件..

$('div[data-role="page"]').live('pageinit', function (event, ui) {
    var eventsElement = $('#events');
    $(window).bind('scrollstart', function () {
        console.log('start');
        $('.ui-body-c').css('background', 'green');
        eventsElement.append('<li><a href="">Start</a></li>');
        eventsElement.listview('refresh');
    });

有没有办法使用此事件或其他事件来触发知道用户何时滚动到初始数据的末尾？

Answer 1

我可以用旧的例子来帮助你。但是你需要修复它才能使用jQM 1.2。

以下是一个例子：http://jsfiddle.net/Gajotres/v4NxB/。它远非完美的演示，但它可以为您提供足够的信息来正确使用它。

它使用此jQuery插件来检测底部滚动触摸：http://imakewebthings.com/jquery-waypoints/#get-started

我用jQM 1.0构建它

这将检测到底端：

$('#example-offset-pixels').waypoint(function() {
    //notify('100 pixels from the top');
}, { offset: 100 });

编辑：

此版本适用于每个jQM版本，包括1.3：http://jsfiddle.net/Gajotres/Bn2Du/。它使用纯jQuery，不需要额外的框架。