社区
JavaScript
帖子详情
瀑布流 ajax加载图片,怎么判断div进入可视区域?
shaft_V
2016-05-27 11:20:56
百度谷歌了挺多,但一直没有解决怎么判断div进入可视区域(就是再滚动,就得发出ajax请求,加载新图片了。) 1: 从浏览器到浏览器底部的距离(差不多是屏幕大小)。 2:滚动条顶部距离浏览器顶部的距离 3:这个div距离body顶部的距离/。 瀑布流用的是masonry框架, 但是不懂判断何时该通过ajax加载新图片。所以请问大家做瀑布流 ajax加载图片的时候是怎么写的? 谢谢
...全文
221
3
打赏
收藏
瀑布流 ajax加载图片,怎么判断div进入可视区域?
百度谷歌了挺多,但一直没有解决怎么判断div进入可视区域(就是再滚动,就得发出ajax请求,加载新图片了。) 1: 从浏览器到浏览器底部的距离(差不多是屏幕大小)。 2:滚动条顶部距离浏览器顶部的距离 3:这个div距离body顶部的距离/。 瀑布流用的是masonry框架, 但是不懂判断何时该通过ajax加载新图片。所以请问大家做瀑布流 ajax加载图片的时候是怎么写的? 谢谢
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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
打赏
举报
回复
顶!!!!!!!!!
ajax
教程 在线
视
频培训教程(含课程源代码)
讲解
ajax
的工作原理和实例全国省市区3级联动 01-
ajax
概要和第一个示例 02-
AJAX
工作原理 03-创建 XMLHttpRequest 对象 04-使用phpstorm工具来开发 05-Get方法和读取中文乱码解决 06-Post方法和小坑的解决 07-...
jQuery
瀑布
流
浮动布局(延迟
AJAX
加
载
图片
) (转)
浮动布局:即HTML结构的列,是用浮动方式。 一、功能分析: 1.
判断
图片
是否
进入
可
视
区域
; 2.用
AJAX
请求服务器数据; 3.将数据播入到相应的列队; 二、实现方法: 给window的scroll事件l绑定一个处理函数:做如下工作: 1.如何
判断
最后一行的
图片
,是否
进入
了可
视
区域
? 如果:最后一行的某个
图片
距离浏览器可
视
区域
顶部的距离值 小于 (可
视
...
jQuery-
瀑布
流
布局 (处理页面滚动和
AJAX
加
载
延迟问题)
瀑布
流
:这种布局适合于小数据块,每个数据块内容相近且没有侧重。通常,随着页面滚动条向下滚动,这种布局还会不断
加
载
数据块并附
加
至当前尾部。 一、功能分析: 1.
判断
图片
是否
进入
可
视
区域
; 2.用
AJAX
请求服务器数据; 3.将数据播入到相应的列队; 二、实现方法: 给window的scroll事件l绑定一个处理函数:做如下工作: 1.如何
判断
最后一行的
图片
,是否
进入
...
结合
ajax
的下拉
加
载
/
瀑布
流
(成功实现的案例,带实现效果图)
标题:做项目的时候正好遇到下拉
加
载
的问题,正好抽时间研究了一下,借此分享给大家。 对
瀑布
流
/下拉
加
载
的个人理解:实际上就是触发scroll事件,
ajax
向后台请求数据,然后动态
加
载
出来(类似于分页
加
载
,换汤不换药)。我所研究的是基于jquery例子。话不多说,先上代码,然后再分析。 1、核心代码 $(window).scroll(function () { ...
php
ajax
jquery
瀑布
流
,jQuery
瀑布
流
绝对定位布局(二)(延迟
AJAX
加
载
图片
)
瀑布
流
-绝对定位布局,与浮动布局的区别在于1.布局不一样:绝对定位:一个UL里面放置所有的绝对定位的LI;浮动布局:多个(一般三四个)UL分布放置LI;2.
AJAX
不一样绝对定位:只需要将请求来的JSON数据(当然可以是别的格式的数据),插入到UL就可以了。然后再对这个新插入的LI进行TOP和LEFT设置;浮动布置:是将请求来的JSON数据(当然可以是别的格式的数据),分别插入到对应的UL当中,因...
JavaScript
87,922
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章