jQuery 滚动条下拉加载内容
2014-08-04 09:26
183 查看
现在很多网站为了更好的用户体验,那么就会预先加载一部分内容,等到滚动条下拉到底部的时候,然后使用 ajax或其它技术,请求更多的内容,这样会使网页的用户体验会更好些,那么这个是怎么样做到的呢?现在就在这里提供一种思路出来...
$(function(){
//思路是:如果内容区域 小于等于 可视区高度加滚动条的高度的话那么就进行加载...
$(window).scroll(function(){
// document 文档高度
var docHeight = $(document).height();
// window 可视区高度
var rollHeight = $(window).height();
//window 滚动条高度
var scrHeight = $(window).scrollTop();
//如果内容区域 小于等于 可视区高度加滚动条的高度的话那么就进行加载...
if (docHeight <= (rollHeight+scrHeight)) {
//你所要执行的其它代码...
alert(1);
};
});
});
$(function(){
//思路是:如果内容区域 小于等于 可视区高度加滚动条的高度的话那么就进行加载...
$(window).scroll(function(){
// document 文档高度
var docHeight = $(document).height();
// window 可视区高度
var rollHeight = $(window).height();
//window 滚动条高度
var scrHeight = $(window).scrollTop();
//如果内容区域 小于等于 可视区高度加滚动条的高度的话那么就进行加载...
if (docHeight <= (rollHeight+scrHeight)) {
//你所要执行的其它代码...
alert(1);
};
});
});
相关文章推荐
- Jquery页面滚动动态加载数据,页面下拉自动加载内容
- 页面滚动动态加载数据,页面下拉自动加载内容 jquery
- 页面滚动动态加载数据,页面下拉自动加载内容 (jquery)
- 页面滚动动态加载数据,页面下拉自动加载内容
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- 页面滚动动态加载数据,页面下拉自动加载内容 ,滚动条滚动到最底端加载数据
- jQuery实现的瀑布流效果, 向下滚动即时加载内容
- 页面滚动动态加载数据,页面下拉自动加载内容
- Jquery鼠标滚动到页面底部自动加载更多内容,使用分页
- 页面滚动动态加载数据,页面下拉自动加载内容
- 页面滚动动态加载数据,页面下拉自动加载内容
- 【转】JQuery实现页面随滚动条滚动而动态加载内容的效果
- jquery实现页面滚动到最下方自动按分页的形式加载内容效果
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- jQuery实现的瀑布流效果, 向下滚动即时加载内容
- 2011-01-16 21:13 JQuery实现页面随滚动条滚动而动态加载内容的效果
- 页面滚动动态加载数据,页面下拉自动加载内容
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- Jquery鼠标滚动到页面底部自动加载更多内容,使用分页
- jQuery实现页面滚动时动态加载内容的方法