jquery实现上拉加载

$(window).scroll(function() {var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度var scrollHeight = $(document).height(); //当前页面的总高度var clientHeight = $(this).height(); //当前可视的页面高度if (scrollTop + clientHeight >= scrollHeight - 50) {getData(); // 请求数据}
})
window.onscroll = function() {    　　//获取被卷去高度    　　var scrollTop = document.body.scrollTop;    　　//获取窗口高度（可见区域高度）    　　var windowHeight = document.documentElement.clientHeight;    　　//获取文档高度    　　var documentHeight = document.body.scrollHeight;    　　if (scrollTop + windowHeight >= documentHeight - 50) {        　　　　$('#nomore').show();        　　//发送Ajax请求获取分页数据    　　}}

/*** 得到浏览器显示的屏幕高度*/
function getViewHeight() {if (window.innerHeight != window.undefined)return window.innerHeight;if (document.compatMode == 'CSS1Compat')return document.documentElement.clientHeight;if (document.body)return document.body.clientHeight;return window.undefined;
}/*** 得到浏览器显示的屏幕宽度*/
function getViewWidth() {if (window.innerWidth != window.undefined)return window.innerWidth;if (document.compatMode == 'CSS1Compat')return document.documentElement.clientWidth;if (document.body)return document.body.clientWidth;
}

jquery实现上拉加载相关推荐

基于jquery的上拉加载更多
一个简易的基于jquery的上拉加载更多demo,上拉加载的原理就是容器的高度+容器的scrollTop>=容器内容的高度,整个demo还加上了回弹的动效. <!DOCTYPE html& ...
jquery 实现上拉加载功能
emmmm,看到了以前自己的写的代码,用jquery实现的上拉加载,顺便修复了以前漏下的bug,感觉可以记录一波. 好的先上图, 好的首先关注console控制台,再来就是右图的内容,页面上初始仅有两 ...
jquery实现上拉加载下拉刷新
引入dropload插件需要引入的文件 <script src="js/zepto.min.js"></script> <script src=&q ...
jQuery上拉加载更多
<header id="header">首页</header><section id="main"><ul id=& ...
上拉加载 php,php+jquery 上拉加载
var resflow = true,pages =2; var ps=$("#ids").text(); order_code=$("#order_code" ...
上拉加载 php,jquery上拉加载代码及原理
jquery上拉加载更多原理: 其实就是判断下当前滚动条距离底部的距离滚动条距离底部小于一个值时候我们执行加载内容下面上jquery代码://$(window).height() 可视区域高度 ...
jQuery 上拉加载更多
上拉加载,当用户浏览到页面底部时候,自动加载下一页的内容不管是上拉加载还是下拉刷新,其实都离不开一个关键的事件:滚动条滚动事件. 本demo是窗口的滚动条事件,如果需要指定某个元素做上拉加载功能,请 ...
Jquery 实现H5页面上拉加载更多
在最新的H5开发项目中,需要开发上拉加载更多的功能,如何实现上拉加载更多,网上有很多插件可以实现,如:mescroll.mui.isScroll等等,最初我也是选择了使用插件,但在使用过程中发现了如果 ...
php中手机端ajax上拉加载更多,jQuery手机网页上拉加载更多
手机网页和PC网页都可以使用的上拉加载更多内容,其中LoadingDataFn自己改为ajax加载就可以了var page = 1, //分页码 off_on = false, //分页开关(滚动加载 ...

jquery实现上拉加载

jquery实现上拉加载相关推荐

最新文章

热门文章