社区
JavaScript
帖子详情
瀑布流 ajax加载图片,怎么判断div进入可视区域?
shaft_V
2016-05-27 11:20:56
百度谷歌了挺多,但一直没有解决怎么判断div进入可视区域(就是再滚动,就得发出ajax请求,加载新图片了。) 1: 从浏览器到浏览器底部的距离(差不多是屏幕大小)。 2:滚动条顶部距离浏览器顶部的距离 3:这个div距离body顶部的距离/。 瀑布流用的是masonry框架, 但是不懂判断何时该通过ajax加载新图片。所以请问大家做瀑布流 ajax加载图片的时候是怎么写的? 谢谢
...全文
224
3
打赏
收藏
瀑布流 ajax加载图片,怎么判断div进入可视区域?
百度谷歌了挺多,但一直没有解决怎么判断div进入可视区域(就是再滚动,就得发出ajax请求,加载新图片了。) 1: 从浏览器到浏览器底部的距离(差不多是屏幕大小)。 2:滚动条顶部距离浏览器顶部的距离 3:这个div距离body顶部的距离/。 瀑布流用的是masonry框架, 但是不懂判断何时该通过ajax加载新图片。所以请问大家做瀑布流 ajax加载图片的时候是怎么写的? 谢谢
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
shaft_V
2016-05-28
打赏
举报
回复
引用 2 楼 xzy21com 的回复:
你去查查getBoundingClientRect().top
这个不错 ,谢谢啊。 也有看到 用$(window).height()+$(window).scrollTop(),的 ,
scscms太阳光
2016-05-27
打赏
举报
回复
你去查查getBoundingClientRect().top
shaft_V
2016-05-27
打赏
举报
回复
顶!!!!!!!!!
CSS+
DIV
瀑布流
3. **延迟
加载
**:对于大量
图片
的
瀑布流
,可以使用懒
加载
(lazy loading)技术,只
加载
可视
区域
内的
图片
,提高页面
加载
速度。 总之,CSS+
DIV
瀑布流
布局是Web前端开发中的一个重要技巧,通过巧妙地结合CSS和...
无限
加载
瀑布流
"无限
加载
瀑布流
"是一种常见的网页或应用设计模式,它结合了
瀑布流
布局(也称为Pinterest布局)和无限滚动的概念,为用户提供了一种无尽的浏览体验。在传统的
瀑布流
布局中,内容以多列、自适应高度的形式排列,而...
html
图片
瀑布流
布局
加载
动画特效
HTML
图片
瀑布流
布局
加载
动画特效是一种常见的网页设计技术,它为用户提供了一种视觉上吸引人的展示方式,尤其在展示
图片
集合时效果显著。
瀑布流
布局(Masonry Layout)源自Pinterest,其特点在于每一列的
图片
高度不...
瀑布流
实例 附素材
图片
5. **
图片
加载
优化**:为了提高用户体验,通常采用延迟
加载
(Lazy Loading)技术,只在
图片
进入
可视
区域
时才
加载
,降低页面初次
加载
的时间。 6. **随机
加载
图片
**:在描述中提到实例模仿了有数据的样式,滚动会随机...
php
瀑布流
实例
2.
图片
懒
加载
,只在接近
可视
区域
时
加载
图片
,减少首屏
加载
时间。 3. 如果数据量大,可以考虑使用Web Workers进行后台处理,提高响应速度。 总结来说,PHP在
瀑布流
实例中的作用主要是数据的获取和传输,而前端的...
JavaScript
87,997
社区成员
224,708
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章