思路:判断当前页面是否滑动到底部,若滑动到底部则使用ajax异步加载接下来的内容,使用append插入到当前页面中。
问题解决:
1、
Q:怎么判断当前页面是否滑动到底部
** A:判断滚动了的高度加上视窗高度是否大于等于文档高度**
var $window = $(window);
var $document = $(document);
$window.scroll(function(){
if ($document.scrollTop() + $window.height() >= $document.height()) {
//scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置,即当前滚动的地方的窗口顶端到整个页面顶端的距离
//$(window).height()表示当前窗口的高度
//$(document).height()则代表了整个文档的高度
} else {
}
});
2、
Q:怎么在数据加载时在底部显示加载中,加载成功后消失
A: