コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery に基づいており、page_jquery の一番下までスクロールすると、より多くの情報が自動的に読み込まれます。

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

WBOY
リリース： 2016-05-16 17:01:52
オリジナル
980 人が閲覧しました

キーコード:

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

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 読み取りプロセス中にイベントが複数回トリガーされて、コンテンツが複数回読み込まれることを防ぎます。
前の記事：IE および FF ブラウザでラベルの透明度を変更する_JavaScript スキル 次の記事：js配列操作のポップ、プッシュ、アンシフト、スプライス、shift_javascriptのスキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ページが突然 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
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート