jQuery滚动时动态加载内容的方法
许多网站,如Twitter,京东商城首页,都会在页面滚动到某个位置时动态加载页面内容,这样可以加快页面的打开和节省带宽。下面的js代码可以帮助你做到这一点。
var加载= false;
$(窗口)。滚动(函数(){)
如果((($(窗口)(ScrollTop)+ $(窗口),Height(+ 250)))> = $(document)(的高度)){
如果(加载= false){
加载=真;
$(# loadingbar)。Css(显示
美元。得到(负荷。phpstart =+ $(' # loaded_max)(。Val),功能(加载){
$('body)。追加(加载);
$(# loaded_max)。瓦迩(parseInt($(' # loaded_max)。瓦迩())+ 50);
$(# loadingbar)。Css(显示
加载= false;
});
}
}
});
$(文档)Ready(函数(){)
$(# loaded_max)。瓦迩(50);
});
希望本文能对大家的jQuery程序设计有所帮助。