拖动滚动条实现内容自动加载效果
分类:实例代码
现在很多网站都有这样的功能,那就是拖动滚动条实现元素自动加载效果。
也算是当前比较时尚的一种呈现,当然有喜欢的也有不喜欢的,下面就是一个代码片段。
需要的朋友可以做一下参考,代码如下:
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); });
一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu