如何在水平滚动 Jquery 上实现延迟加载

How to implement lazy loading on Horizontal scroll Jquery

本文关键字：实现 延迟加载 Jquery 滚动 水平      更新时间：2023-09-26

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

最初需要显示 4 个项目，

一旦我做水平滚动，需要再加载 4 个项目。

试过这个：

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

小提琴：

演示网址

尝试像这样的东西 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>')
        }
    });
});
相关文章：