向右滚动加载数据

Load data on scrolling right

本文关键字：数据 加载 滚动      更新时间：2023-09-26

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

$(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();
            }
        });
    }
});
});

我从这里引用并编写了此代码。现在我需要在向右滚动时加载数据。我试着把宽度的差值取出来，但不起作用。周围还有其他工作吗？

可能是这样的吗？

$(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>')
    }
});
});
相关文章：