ホームページ >バックエンド開発 >PHPチュートリアル >ソースコードが必要なのですが、どうすれば解決できますか?
ソースコードを提供してください
私は Sina Weibo のページングに似たページング
を書きたいです (一番下までプルダウンしてロードし、3 つの段落をロードした後、ページネーションのページ数が表示されます)と表示されます)。
書き方についてもアドバイスをいただきたいのですが、Sinaの貧弱なソースコードをダウンロードしたのですが、残念ながらJAVAなので理解できません。
誰かやったことがありますか?
-----解決策--------------------------------
オンデマンドでロードしますか?
この効果は js によって達成される必要があり、php はデータの提供のみを担当します
------解決策------------------
jquery にはコンテンツを表示するためのこの種のプラグインがあります、どちらが多いですか 画像を表示し、画面に到達したときにそれを読み込む機能ですが、プラグインの名前が同じで思い出せません。
------解決策---------
たくさんあります:
10種類無限スクロール自動ページめくりjqueryプラグイン
------解決策---------
重要なのは縦スクロールの位置を決めることですbar
スクロールバーの上部が一定の位置に達したら、ajax経由でphpにデータをリクエストします
このループのように
------解決策------------------
1 ページあたりの Weibo 投稿は 10 件のみ、現在 JS メンテナンス中ですユーザーページのエントリ数は、ajax を使用して更新し、エントリ数を変更します。エントリ数が 30 を超える場合、JS は最後の 20 エントリを削除し、
その他状態はサーバーによって維持されます:
1. ユーザーは ajax 経由でデータをプルします。サーバー データベースは最後のプル時間 t1 を維持し、t1 以降のエントリをユーザーにプッシュします。
2. ユーザーが次のページをクリックすると、サーバーはデータベースをチェックして時間順に並べ替え、ページ番号を付けます。
難しいですか?
------解決策---------
すでに述べましたが、これはphpの問題ではありません
コア コードを提供します。次の作業は自分で行う必要があります
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <スクリプト> $(document).ready(function(){ $(ウィンドウ).scroll(function() { var h = $(this).scrollTop();// + $(this).height(); var t = $('#control').offset().top; if( h >= t) { $("#view").html($("#view").html() + h + ':' + t + ' 新しいデータ </br>'); } }); }); </スクリプト> <div id=view></div> <div id=control style='height:300pt'>制御ビット</div> <br><font color="#e78608">------解決策------------------</font><br>それは簡単です。スクロールバーを指定された場所までスクロールするだけです。位置 AJAX を使用して新しいレコードを取得し、毎回最後のレコードの ID をキャッシュします。 <br><br> DIV内の内容を表示し、スクロールバーの位置がDIVの一番下に達したらpullメソッドを実行するだけです。 <br><font color="#e78608">------解決策------</font><br>document.documentElement.scrollTop || document.body 。 scrollTop|| 0;<br>最初に上からのスクロール距離の値を決定します。 3 ページ必要な場合は、3 ページの高さを大まかに計算できます。 <br>if(s // 3000 が 3 ページの高さである場合、3000 未満の場合は、コンテンツの読み込みを続けます<br>}else{<br> / /それ以上の場合は、ここにページングを表示します。 <br>}<br><br>//実際の状況に応じて修正してください。理解できましたか? <div class="clear"></div>