<div id="Scroll" style="background-color: Green; width: 2000px; height:2000px;"> 请写很多数据…… </div> <div id="lookMore">more...</div>
实际操作 个人感觉不应该 等到滚轮真正到达底部再显示,这样会有一卡一卡的感觉.......应该在屏幕底端设置一个300PX的 负值,在滚轮距离底边 300PX的时候就开始加载$(function () { var $inputText = $(".login_input"); $inputText.each(function () { var colorTemp = $(this).css("background-color"); $(this).focus(function () { $(this).css("background-color", "#FFF"); }).blur(function () { $(this).css("background-color", colorTemp); }).hover(function () { $(this).css("background-color", "#FFF"); }, function () { $(this).css("background-color", colorTemp); }); }); dongtaiMore(); function dongtaiMore() { if (document.getElementById("lookMore")) if ($(window).scrollTop() + $(window).height() > $("#lookMore").offset().top) { if ($("#lookMore").attr("status") != "loading") { $("#lookMore").attr("status", "loading"); var url = $("#lookMore").attr("href"); var type = querystring(url, "type"); var page = parseInt(querystring(url, "page")); var user = querystring(url, "user"); $.get("/ashx/getLog.ashx?type=" + type + "&page=" + page + "&user=" + user, { }, function (result) { if (result.length > 30) { $("#lookMore").parent().before($(result)); $("#lookMore").attr("status", ""); $("#lookMore").attr("href", $("#lookMore").attr("href").replace(/page=\d/, "page=" + (page + 1))); } else { $(".lookMore").remove(); } }); } } } $(window).scroll(dongtaiMore); })
异步鼠标滚轮加载
最新推荐文章于 2018-06-10 20:24:31 发布