6

Bing 検索エンジンで画像を検索すると、結果は次のように表示されます。

http://www.bing.com/images/search?q=stack+overflow

スクロールとスクロールを続けることができ、「通常の」ページングがないことに注意してください。

私の質問は次のとおりです。彼らはどのようにこれを行うのですか? いくつかの ajax/javascript イベントが発生していることがわかりますが、コードが読みにくいです。特に、「空のボックス」がユーザーのビューポート内にあることをどのように知っているか知りたいです。

4

4 に答える 4

2

検索して読んだ後、この非常に優れたサイトを見つけました。

http://www.infinite-scroll.com/

ダウンロード可能な WordPress および jQuery プラグインが含まれており、「無限スクロール/自動ページ化/ページ解除/エンドレス ページ」を使用することの長所/短所についても説明しています。

ユーザーが一番下までスクロールしたときに、より多くのデータをロードする疑似/jQuery コードのサンプル:

$(window).scroll(function(){
        if  ($(window).scrollTop() == $(document).height() - $(window).height()){
           loadMoreRows();
        }
});
于 2009-07-02T06:38:54.227 に答える
1

その技術に関する記事は次のとおりです。

JavaScript (ala DZone) を使用してページング結果を排除する: Javascript、プロトタイプ、および PHP を使用します。

于 2009-07-02T06:15:13.780 に答える
1

この機能は、しばしば「無限スクロール」と呼ばれます。無限スクロールの JavaScriptを検索すると、これを行う方法に関する多数の記事/投稿が表示されます。より興味深いもののいくつか：

于 2009-07-02T06:39:44.100 に答える
0

今日、Bing/Live Search と同じスクロールを行う jQuery プラグインを見つけました。

http://blog.yctin.com/archives/jquery-plugins-ajaxscroll/

次へ/前へのボタンを不要にするように設計されています。

于 2010-02-05T10:43:18.863 に答える