ajaxのアンカーリンク(コンテンツ複数読み込み)

ajaxでスクロールして下までいくと順次コンテンツを読み込むようにしています。
jQuery.Bottomでスクロールの判定しています。

アンカーリンクでコンテンツへスクロールさせたいのですが
初期表示ではそのコンテンツが表示されていないのでスクロールしません。
この場合表示されていないコンテンツを一気に読み込んで表示させる方法はあるでしょうか。

初期表示
コンテンツＢへのアンカー

↓スクロールする

コンテンツＡ読み込み

↓スクロールする

コンテンツＢ読み込み

function xxx(){
$(".xxx").empty();
}

$(function() {
var page =0 ;

$(window).bottom({proximity: 0.2});
$(window).on('bottom', function() {
	xxx();
	var obj = $(this);
	if (!obj.data('loading')) {
		obj.data('loading', true);
		$.ajax({
			url: "./contents.php?page="+ page  ,
			cache: false,
			success: function(html){
				$("#contents").append(html);
				obj.data('loading', false);
				page++ ;
			}
		});
	}
});