JQuery に基づいており、page_jquery の一番下までスクロールすると、より多くの情報が自動的に読み込まれます。

キーコード:

コードをコピーします コードは次のとおりです。

var stop=true; (ウィンドウ) .scroll(function(){
totalheight = parseFloat($(window).height()) parseFloat($(window).scrollTop());
if($(document).height( ) < = totalheight){
if(stop==true){
stop=false;
$.post("ajax.php", {start:1, n:50},function( txt){



。
HTML:

コードをコピー

コードは次のとおりです:

実装方法は、ページの合計の高さとスクロールの高さを比較し、最下位に達しているかどうかを判定し、最下位に達している場合はajaxでさらにコンテンツを読み込み、Loadingの前にbeforeを使用して挿入します。

stop パラメーターは、ajax 読み取りにかかる時間を考慮し、ajax 読み取りプロセス中にイベントが複数回トリガーされて、コンテンツが複数回読み込まれることを防ぎます。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。