Ajaxで続きを取得し出力したい

Question

PHPでTwitterAPIも用いてPinterestのようなものを作ろうとしています。
動作状況は以下のURLで確認できます。
http://karikyo.hotcom-web.com/amunedo/test.php
レイアウトはBootstrapとmasonryを用いています。
ページング処理はしていません。
ページ最下部まで到達すると続きのコンテンツを出力するようにしたいのですがどうすればよいかわかりません。
ご教授お願いします。

追記
jQueryがまったく分からず、各所を参考に見よう見まねで組んでいますが
1）スクロールの検出

$(window).on("scroll", function () {
			var scrollHeight = $(document).height();
			var scrollPosition = $(window).height() + $(window).scrollTop();
			if ((scrollHeight - scrollPosition) / scrollHeight === 0) {
						//処理
			}
});

2,3）追加コンテンツを取得し、appendする。（output.phpはhtml形式で追加コンテンツを返します）

$.post("output.php",
			function(data){
						var $contents = $( data );
						$('.container').append( $contents ).masonry( 'appended', $contents);
			}
);

こんな形でやっていますが理解できていないところが多く半ばゴリ押しです。
またappendする時に閉じタグが補完されてしまい困っています。
間違っているところや、改善方法がありましたらご指摘ください。

Answer 1

jqueryのautopagerのプラグインが楽だった印象があります。

Answer 2

まずはどこまで分かっていますか？全く想像もつかない状況でしょうか？
いくつかの処理に分割して考える必要があります。

1. JavaScriptを使ってスクロール位置を取得する。
2. Ajaxを使って、追加コンテンツを取得する。
3. 追加コンテンツをページ下部に追加する。

一つずつ解決していくと良いでしょう。
それぞれの処理は、ググると色々出てくるかと思います。
その中で、具体的に分からない処理を質問してみると良いかもしれません。