在右侧滚动时加载数据

Question

我创建了一个页面，用于查看我们向右滚动而不是向下滚动的数据。现在我厌倦了在滚动时加载数据而不是首先加载整个页面。如果它是向下滚动我可以解决。这是我正在处理的代码：

$(document).ready(function() {
var win = $(window);

win.scroll(function() {     
    if ($(document).height() - win.height() == win.scrollTop()) 
       {
        $('#loading').show();
        $.ajax({
            url: 'load.php',
            dataType: 'html',
            success: function(html) {
                $('#data').append(html);
                $('#loading').hide();
            }
        });
    }
});
});

我从here提到并处理了这段代码。现在我需要在我向右滚动时加载数据。我尝试了宽度的差异，但它不起作用。还有其他工作吗？

Answer 1

可能是这样的吗？

$(document).ready(function() {
$('ul').scroll(function(event) {
    if (this.scrollWidth - this.clientWidth - this.scrollLeft < 50) {
        $(this).append('<li>data 1</li><li>data 2</li><li>data 3</li><li>data 4</li>')
    }
});
});