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 読み取りプロセス中にイベントが複数回トリガーされて、コンテンツが複数回読み込まれることを防ぎます。

関連ラベル：

オートロード

ソース：php.cn

前の記事：IE および FF ブラウザでラベルの透明度を変更する_JavaScript スキル 次の記事：js配列操作のポップ、プッシュ、アンシフト、スプライス、shift_javascriptのスキル

このウェブサイトの声明

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

著者別の最新記事

• BlackRock Labels BTC a Unique Diversifier
  2024-09-20 15:51:33
• Internet Computer (ICP) Price Prediction: Will ICP Price Hit $24?
  2024-09-20 15:47:32
• Worldcoin (WLD) Price Prediction 2022-23
  2024-09-20 15:45:32
• 今日投資すべきトップミームコイン
  2024-09-20 15:39:32
• Floki (FLOKI) 価格予測: 刷新されたマーケティングは Floki が 10 月の利益を取り戻すのに役立ちますか?
  2024-09-20 15:38:32
• Next Cryptocurrency to Explode: 5 Coins to Add to Your Watchlist
  2024-09-20 15:27:32
• Dogecoin: From an Internet Meme to a Digital Currency with a Billion-Dollar Market Capitalization
  2024-09-20 15:26:32
• ZChains Unveils a Series of Exciting Updates and Launches to Enhance Its Ecosystem
  2024-09-20 15:12:32
• Apple 版の Little Fox Payment Platform をダウンロードする方法
  2024-09-20 14:53:01
• 初心者がMetaMaskで取引する方法とその利点と欠点
  2024-09-20 14:51:01

最新の問題

ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...

から 2024-04-06 21:58:04

0

1

800

CSSでページ下部の謎の空白を解決する方法 Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...

から 2024-04-06 20:22:15

0

1

454

Laravel 8 - /{editable_text} ルートを /{user} ルートにリダイレクトする方法 ユーザープロファイルに誘導するリダイレクトルートを作成しようとしています。リダイレクト ルートはユーザー データベースからの文字列/テキストである必要があり、同じユーザー プロファ...

から 2024-04-06 17:26:11

0

1

410

for ループはランダムに 1 から 0 まで変化します 基本的に、ページが更新されるたびに、for ループは 1 から 0 に変化する可能性があります。なぜこのようなことが起こるのかはわかりませんが、画像を重ね合わせる方法に影響します。...

から 2024-04-06 16:48:14

0

1

393

クリア後​​も自分のファイル入力の値が残る スクリーンショットでわかるように。ファイルを選択し、ページを更新せずにポップアップを保持し、再度開くと、ファイル入力は選択したファイルのままです。 <inputid=&quo...

から 2024-04-06 15:44:52

0

1

384

関連トピック

詳細>

• データストレージの暗号化方式
• wsus と Microsoft サーバー間の接続に失敗した場合の解決策
• Vista キーアクティベーションコード
• tplinkルーターのURLを設定する方法
• Mongodbとmysqlは使いやすくておすすめです
• vscodeの中国語インターフェースの設定が反映されない問題の解決策
• 永久無料oaシステム
• Douyinで小さな消防士を育てる方法