ios用户点击列表页跳转到详情页直接跳到底部评论区,此时整个详情页图片要求不加载,当用户上拉查看文章时再加载图片,js要怎么控制,前端小白求教!
详情页面中,打开页面随即获取当前的scrollTop,然后window.onscroll=function(){
//判断最新的scrollTop和之前的值的差值,如果小于0,表示当前用户的手指正在从上往下滑屏,即该加载上面的图片了
//滚动中不断用最新的scrollTop替换之前的值
}
如果你是用的jquery
, 那推荐你使用lazyload,基于jquery.lazyload
改写的,我之前在PC/移动端项目都有用到,比较稳定,还有比较健全的中文文档,放心用吧。
10 回答11.2k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.8k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
3 回答2.2k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
可以先把src属性不赋值,上拉后再赋值。
现在
jq
插件真多,如果插件稳定,建议使用插件。