Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<script src="~/Content/js/jquery-3.1.1.min.js"></script>
<script src="~/Content/js/Func.js"></script>
</head>
<body>
<div class="mainItem" style="height:960px">
</div>
<img class="Loading" src=" ~/Content/img/Load3.gif" style="width:180px;height:180px;visibility:hidden" />
</body>
</html>
$(document).ready(function () {
var range = 50; //距下邊界長度/單位px
var elemt = 500; //插入元素高度/單位px
var maxnum = 2; //設置加載最多次數
var num = 1;
var totalheight = 0;
var PageIndex = 1;
var PageSize = 50;
var main = $(".mainItem");
//主體元素
$(window).scroll(function () {
var srollPos = $(window).scrollTop(); //滾動條距頂部距離(頁面超出窗口的高度)
totalheight = parseFloat($(window).height()) + parseFloat(srollPos);
if (($(document).height() - range) <= totalheight && num != maxnum) {
var scrollTop = $(document).scrollTop();
var scrollLeft = $(document).scrollLeft();
var top = ($(window).height() - $('.Loading').height()*3) / 2;
var left = ($(window).width() - $('.Loading').width()) / 2;
$('.Loading').css({ position: 'absolute', 'top': top + scrollTop, left: left + scrollLeft }).show();
$('.Loading').css('visibility', 'visible');
$.ajax({
async: false,
url: '/Home/LoadData',
type: 'get',
contentType: "application/json;charset=utf-8",
dataType: 'text',
data:{"PageIndex":PageIndex,"PageSize":PageSize},
success: function (data) {
if (data != null && data != '') {
var obj = eval('(' + data + ')');
var str = '';
$.each(obj, function (i, item) {
str+="<div>" + item.FGUser + item.FGDate + "</div>";
})
setTimeout(function () {
main.append(str);
$('.Loading').css('visibility', 'hidden');
PageIndex++;
},3000)
}
},
error: function () {
alert('獲取表名列表失敗！')
}
})
num++;
}
});
});