网页内容动态加载

时间:2021-12-06 19:39:03
具体就是,打开网页时先只显示浏览器能看到的部分,当用户鼠标往下滚动时,再把后面的内容,显示出来,但同样也是按前面的方式 始终只显示用户能看到的部分或多一点也可以了。
我知道肯定用到了异步加载的技术,想请大家帮我具体分析下,流程步骤,
例如:打开页面加载浏览器可见区域的内容,鼠标滚动至一定位置,继续加载内容显示。。。
其中会用到哪些事件呢?请帮我分析一下了!

8 个解决方案

#1


..没有高手知道吗!!!

#2



可以调用鼠标的点击+移动事件,还有键盘的上下键。
当发生这些事件的时候,你就执行一个ajax函数。
然后将查询的数据,动态构建处理。可以用动态构建dom节点或innerHTML
至于显示数据就类似于ajax分页技术了

#3


可以判断,当滚动条滚动是,加载内容

window.onscroll=function(){alert('test');}

#4


这个很难实现!具体的原因就是你不知道用户的浏览器窗口有多大!
有的人使用800*600的分辨率,有的使用1024*768,还有更大的,你怎么判断?

#5


引用 4 楼 lonelinesser 的回复:
这个很难实现!具体的原因就是你不知道用户的浏览器窗口有多大!
有的人使用800*600的分辨率,有的使用1024*768,还有更大的,你怎么判断?


qq空间就有这样的效果,

#6


你监听的事件要多一些

上面onscroll,还有onclick,onmousemove等,加上,

#7


 不是和加载地图一样的吗?   就是Ajax

#8


动态加载?AJAX?
做这个用它们简直是对服务器的犯罪。
数据可以象平常一样一次性到客户端,只是在显示上达到这种效果就是了。
就是一个JS特效的问题。
最简单的JS特效——走马灯,没玩过吗?道理是一样的,只是那个是横的,这个是竖的而已。
把自动滚动变成根据鼠标或滚动条滚动。
更简单的方法是专门设下“向下展开/滚动”的按钮来做,这样,既好用代码控制,又可以明显地提示观众可以向下展开网页,否则一般人你不告诉他,他也就不会用了。

#1


..没有高手知道吗!!!

#2



可以调用鼠标的点击+移动事件,还有键盘的上下键。
当发生这些事件的时候,你就执行一个ajax函数。
然后将查询的数据,动态构建处理。可以用动态构建dom节点或innerHTML
至于显示数据就类似于ajax分页技术了

#3


可以判断,当滚动条滚动是,加载内容

window.onscroll=function(){alert('test');}

#4


这个很难实现!具体的原因就是你不知道用户的浏览器窗口有多大!
有的人使用800*600的分辨率,有的使用1024*768,还有更大的,你怎么判断?

#5


引用 4 楼 lonelinesser 的回复:
这个很难实现!具体的原因就是你不知道用户的浏览器窗口有多大!
有的人使用800*600的分辨率,有的使用1024*768,还有更大的,你怎么判断?


qq空间就有这样的效果,

#6


你监听的事件要多一些

上面onscroll,还有onclick,onmousemove等,加上,

#7


 不是和加载地图一样的吗?   就是Ajax

#8


动态加载?AJAX?
做这个用它们简直是对服务器的犯罪。
数据可以象平常一样一次性到客户端,只是在显示上达到这种效果就是了。
就是一个JS特效的问题。
最简单的JS特效——走马灯,没玩过吗?道理是一样的,只是那个是横的,这个是竖的而已。
把自动滚动变成根据鼠标或滚动条滚动。
更简单的方法是专门设下“向下展开/滚动”的按钮来做,这样,既好用代码控制,又可以明显地提示观众可以向下展开网页,否则一般人你不告诉他,他也就不会用了。