javascript - 图片加载问题
PHP中文网
PHP中文网 2017-04-11 12:37:34
[JavaScript讨论组]

ios用户点击列表页跳转到详情页直接跳到底部评论区,此时整个详情页图片要求不加载,当用户上拉查看文章时再加载图片,js要怎么控制,前端小白求教!

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(4)
ringa_lee

可以先把src属性不赋值,上拉后再赋值。
现在jq插件真多,如果插件稳定,建议使用插件。

巴扎黑

用lazyload

迷茫

详情页面中,打开页面随即获取当前的scrollTop,然后window.onscroll=function(){
//判断最新的scrollTop和之前的值的差值,如果小于0,表示当前用户的手指正在从上往下滑屏,即该加载上面的图片了
//滚动中不断用最新的scrollTop替换之前的值
}

阿神

如果你是用的jquery, 那推荐你使用lazyload,基于jquery.lazyload改写的,我之前在PC/移动端项目都有用到,比较稳定,还有比较健全的中文文档,放心用吧。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号