移动端分页

最新推荐文章于 2024-07-04 13:14:22 发布

l90z11

最新推荐文章于 2024-07-04 13:14:22 发布

阅读量881

点赞数

分类专栏： Jquery Js 文章标签： js 移动分页

本文链接：https://blog.csdn.net/l90z11/article/details/43409291

版权

最近参与了一个微信公众号的项目开发，期间做到了一个记录列表页，既然是列表页就肯定涉及到分页了。下面主要是记录了如何监听滚动条滚动到底部的js代码：

function get_scrollTop_of_body() { //获取滚动条滚动的距离
	    var scrollTop = 0; 
	    
	    if(typeof window.pageYOffset != 'undefined') {//pageYOffset指的是滚动条顶部到网页顶部的距离
	        scrollTop = window.pageYOffset; 
	    }else if(typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') { 
	        scrollTop = document.documentElement.scrollTop; 
	    }else if(typeof document.body != 'undefined') { 
	        scrollTop = document.body.scrollTop; 
	    }
	    
	    return scrollTop; 
	}
		
	$(function() {
		var loading = false;<span style="white-space:pre">	</span>//用于防止多次请求
		
		$(window).bind("scroll", function() {
			if ((get_scrollTop_of_body() + $(window).height()) > ($(document).height() - 10)) {
				
				if (!