jquery lazyload.js插件调用会使滚动条回到顶部的问题

Question

我有一个需求是需要将页面滑到底部的时候会用ajax去服务端请求数据然后动态的加载到页面上，这时候我会去加载一次jquery lazyload.js的lazyload方法，使我动态加载的内容的图片也异步加载进来，图片效果是出来了，但是引发出了一个新的问题，每次动态加载数据后我的页面滚动条又回到了页面的顶端，就好像页面刷新了一样，问题定位下来就是由于加了lazyload方法后就出现的。有没有大神可以帮忙解决这个问题，最终效果是需要有图片异步加载的效果并且页面不会回到顶部会停留再动态加载的数据那。小弟感激不尽，求帮忙啊！！！！！ 急！！！！

Answer 1

所有内容均由人工智能模型输出，其内容的准确性和完整性无法保证，不代表我的态度或观点。
（讯飞星火专栏，V3.0版本，2023.10.24）

---

该回答引用讯飞星火认知大模型，仅提供参考，不保证完全正确
这个问题可能是由于lazyload插件在动态加载数据后，页面滚动条回到了顶部。你可以尝试在动态加载数据后，使用window.scrollTo()方法将页面滚动到底部，而不是回到顶部。以下是一个示例代码：

$(document).ready(function() {
    // 其他代码...

    // 动态加载数据并调用lazyload方法
    $.ajax({
        url: "your_data_url",
        type: "GET",
        dataType: "html",
        success: function(data) {
            // 将返回的数据添加到页面中
            $("body").append(data);

            // 调用lazyload方法
            $("img").lazyload();

            // 将页面滚动到底部
            window.scrollTo(0, document.body.scrollHeight);
        }
    });
});

这段代码首先使用Ajax请求获取数据，然后将数据添加到页面中。接着调用lazyload方法异步加载图片。最后，使用window.scrollTo()方法将页面滚动到底部。这样应该可以解决你的问题。