滚动时自动加载内容
2014-03-29 00:02
155 查看
var loading = false; $(window).scroll(function(){ if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){ if(loading == false){ loading = true; $('#loadingbar').css("display","block"); $.get("load.php?start="+$('#loaded_max').val(), function(loaded){ $('body').append(loaded); $('#loaded_max').val(parseInt($('#loaded_max').val())+50); $('#loadingbar').css("display","none"); loading = false; }); } } }); $(document).ready(function() { $('#loaded_max').val(50); });很多网站使用了流行的瀑布图布局,这种类型的网站在页面滚动的时候会自动加载内容。下面这段代码让你能够把这个功能搬到你的网站上。
相关文章推荐
- 页面滚动动态加载数据,页面下拉自动加载内容
- 页面滚动动态加载数据,页面下拉自动加载内容
- 页面滚动动态加载数据,页面下拉自动加载内容
- Jquery页面滚动动态加载数据,页面下拉自动加载内容
- javscript实现滚动条滚动到页面底部自动加载增加页面内容
- Jquery鼠标滚动到页面底部自动加载更多内容,使用分页
- 页面滚动动态加载数据,页面下拉自动加载内容
- 滚动到页面底部自动加载内容
- 页面滚动动态加载数据,页面下拉自动加载内容
- jquery实现页面滚动到最下方自动按分页的形式加载内容效果
- 页面滚动动态加载数据,页面下拉自动加载内容 ,滚动条滚动到最底端加载数据
- 当滚动条滚动到页面底部自动加载增加内容的js代码
- 滚动时自动加载内容
- 页面滚动动态加载数据,页面下拉自动加载内容
- Jquery鼠标滚动到页面底部自动加载更多内容,使用分页
- jquery 仿微博实现内容自动向下滚动加载
- Jquery鼠标滚动到页面底部自动加载更多内容,使用分页
- 页面滚动动态加载数据,页面下拉自动加载内容
- 当滚动条滚动到页面底部自动加载增加内容的js代码
- 页面滚动动态加载数据,页面下拉自动加载内容