• はてなアカウントでログイン
• 無料ユーザー登録

ベストアンサー

• Cherenkov2012/06/13 02:43:06

  満足200pt

  display.cgiはGETを投げる度に追加すべき画像が入ったJSONを返してくれるのでしょうか？
  Infinite Scrollプラグインは（たぶん）ページネーション（次のページ）のリンクを辿ってくれるもので、今回はそれがないのでこのプラグインは関係ないのでは。
  普通にwindowのスクロールを監視してcgiを叩く以下のようなものを追加するとか。

  $("#container").html('Now Loading...');
  $.ajax({
  省略
  });
  $(window).scroll(function () {
    //トリガ条件。適当。
    //http://www.atmarkit.co.jp/fdotnet/jqueryref/02attribute/attribute_13.html
    if ($('html, body').height() - $('html, body').scrollTop() < 1000) {
      //display.cgiをGETする$.ajax
      //successコールバックの$("#container").empty();をコメントアウトして"追加"するように改造する。
    }
  });
  

  
  

  TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」: 小粋空間
  もしくはこのプラグインを使う。

  スター

  • 

    1件のコメントを見る

  • TaKa 2012/06/13 17:53:58

    ありがとうございます。
    それっぽい動きができました。
    実はご教示頂いたbottomプラグインは一度試していたんですが、コードが間違っていて動かなかったようです。そのときはmasonryプラグインと併用すると干渉しあって動かないのかな？と勝手に思い込んでいました。masonry推奨のプラグインじゃないと動かないのかな？と・・・
    bottomプラグインの方を見直したら動きました。

    スター

その他の回答

この質問へのコメント

質問の情報

登録日時

2012-06-13 00:24:29

終了日時

2012-06-13 17:54:14

回答条件

1人10回まで

この質問のカテゴリ

• ウェブ制作

この質問に含まれるキーワード

人気の質問

• YouTubeにてブロックした広告の動画がなぜかまた流れてきてしまいます。医療脱毛や詐欺ゲームに関する広告…匿名質問者1日前
• 昔のファンタジーの本のタイトルが思い出せないので教えてほしいです。 2000年以前。多分1990年代。 日本人…匿名質問者2日前
• Javascript HTML5 CSSを使った、アンドロイドアプリを開発する環境を、整えたいのですが、、よろしくご教示…kojiro_i6192日前
• 「乙女ゲームの破滅フラグしかない悪役令嬢に転生してしまった」というアニメの、ソフィアを好きな男性って…匿名質問者3日前
• 大人の服を作るのに向いてるミシンの機種をご存知ですか？　ベルトホールありのメンズのストレッチパンツを…匿名質問者23日前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ