如何在Horizo​​ntal scroll Jquery上实现延迟加载

Question

尝试在水平滚动上实现延迟加载。经历过jquery的插件，但每个人都提供垂直滚动。

一旦我进行水平滚动，最初需要显示4个项目，需要再加载4个项目。

试过这个：

$(document).ready(function() {
    $('div').mousewheel(function(event, delta) {
      this.scrollLeft -= (delta * 30);
      event.preventDefault();
    });
});

小提琴：

Demo URL

Answer 1

尝试这样的事情jsFiddle，我希望这就是你要找的东西：

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