我有一个需求是需要将页面滑到底部的时候会用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()
方法将页面滚动到底部。这样应该可以解决你的问题。解决 无用评论 打赏 举报
悬赏问题
- ¥15 delta降尺度计算的一些细节,有偿
- ¥15 Arduino红外遥控代码有问题
- ¥15 数值计算离散正交多项式
- ¥30 数值计算均差系数编程
- ¥15 redis-full-check比较 两个集群的数据出错
- ¥15 Matlab编程问题
- ¥15 训练的多模态特征融合模型准确度很低怎么办
- ¥15 kylin启动报错log4j类冲突
- ¥15 超声波模块测距控制点灯,灯的闪烁很不稳定,经过调试发现测的距离偏大
- ¥15 import arcpy出现importing _arcgisscripting 找不到相关程序