我有一个需求是需要将页面滑到底部的时候会用ajax去服务端请求数据然后动态的加载到页面上,这时候我会去加载一次jquery lazyload.js的lazyload方法,使我动态加载的内容的图片也异步加载进来,图片效果是出来了,但是引发出了一个新的问题,每次动态加载数据后我的页面滚动条又回到了页面的顶端,就好像页面刷新了一样,问题定位下来就是由于加了lazyload方法后就出现的。有没有大神可以帮忙解决这个问题,最终效果是需要有图片异步加载的效果并且页面不会回到顶部会停留再动态加载的数据那。小弟感激不尽,求帮忙啊!!!!! 急!!!!
1条回答
- ChatGPTᴼᴾᴱᴺᴬᴵ 2023-12-09 21:48关注
所有内容均由人工智能模型输出,其内容的准确性和完整性无法保证,不代表我的态度或观点。
(讯飞星火专栏,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()
方法将页面滚动到底部。这样应该可以解决你的问题。解决 无用评论 打赏 举报
悬赏问题
- ¥20 腾讯企业邮箱邮件可以恢复么
- ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗?
- ¥15 错误 LNK2001 无法解析的外部符号
- ¥50 安装pyaudiokits失败
- ¥15 计组这些题应该咋做呀
- ¥60 更换迈创SOL6M4AE卡的时候,驱动要重新装才能使用,怎么解决?
- ¥15 让node服务器有自动加载文件的功能
- ¥15 jmeter脚本回放有的是对的有的是错的
- ¥15 r语言蛋白组学相关问题
- ¥15 Python时间序列如何拟合疏系数模型