最近参与了一个微信公众号的项目开发,期间做到了一个记录列表页,既然是列表页就肯定涉及到分页了。下面主要是记录了如何监听滚动条滚动到底部的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 (!loading && ((pageNo * pageSize) < totalCount)) {
loading = true;
$("#loading").show(); //loading进度显示
$.ajax({
type: "POST",
url: "morescenic.do",
data: param,
dataType: "text",
success: function(resp) {
},
complete: function(jqXHR, textStatus) {
loading = false;
$("#loading").hide();
}
});
}
}
});
});