http://q.hatena.ne.jp/1382074494 こちらの最終的なｺｰﾄﾞでﾘﾝｸで別ﾍﾟｰｼﾞに移動し戻ってきた時に今のままだとﾍﾟｰｼﾞのﾄｯﾌﾟに戻ってしまうのですが "read more ...…

どこまで読み込んだのかを記憶しておいて､ﾍﾟｰｼﾞを表示したときに､最後に読み込んだところまで読み込んであげる､というような感じになると思います｡

どこまで読み込んだかを､Cookie に保存するようにしてみました｡

<script type="text/javascript">
// 読み込んでいるﾍﾟｰｼﾞ
loading_page = 1;

// 最後に表示したﾍﾟｰｼﾞ
last_page = load_last_page();

/*
 指定されたﾍﾟｰｼﾞの投稿を取得する
 */
function json_call(page) {
 var URL = "http://test.com/api/get_recent_posts/?callback=show_posts_widget&read_more=More&";
 var e = document.createElement("script")
 e.src = URL + "page=" + page;
 document.body.appendChild(e);
}

/*
 JSON 形式のﾃﾞｰﾀから､投稿のﾘｽﾄを作成する｡
 */
function show_posts_widget(root) {
 var tags = "<ul>";
 for (var i = 0; i < root.posts.length; i++) {
 tags += '<li><a href="' + root.posts[i].url + '">' + root.posts[i].title + '</a></li'+'>';
 }
 tags += "</ul>";

 var e = document.createElement("DIV");
 e.className = "posts";
 e.innerHTML = tags;
 document.body.appendChild(e);

 /*
 ﾍﾟｰｼﾞを最初に表示したときに､最後に表示したﾍﾟｰｼﾞまで読み込んでいない場合
 */
 if (loading_page < last_page) {
 loading_page += 1;
 json_call(loading_page);

 /*
 次の投稿を取得するﾘﾝｸ
 */
 } else if (root.count * root.pages < root.count_total) {
 e = document.createElement("A");
 e.href = "#";
 e.onclick = function() {
 // 次のﾍﾟｰｼﾞを読み込み
 loading_page += 1;
 last_page += 1;
 json_call(last_page);

 // ひとつ前のﾘﾝｸは消しておく
 var me = this;
 me.parentNode.removeChild(me);

 return false;
 }
 e.innerHTML = "read more ...";
 document.body.appendChild(e);

 save_last_page();
 }
}

// 1ﾍﾟｰｼﾞ目を表示する
window.onload = function() {
 json_call(1);
 }

/*
 最後に読み込んだﾍﾟｰｼﾞを､Cookie に保存する
 */
function save_last_page() {
 var path = location.pathname;

 var now = new Date().getTime();
 var expire = 60*60*24*1000 * 2; // ★Cookie の有効期限｡とりあえず2日間にしてます｡
 expire = new Date(now + expire).toUTCString();

 var s;
 s = "last_page=" + last_page;
 s += "; path="+ path;
 s += "; expires=" + expire +"; ";

 document.cookie=s;
}

/*
 最後に読み込んだﾍﾟｰｼﾞを､Cookie から読み込む
 */
function load_last_page() {
 if (document.cookie.length > 0) {
 var result = /last_page=(\d+)/.exec(document.cookie);
 if (result) {
 return parseInt(result[1]);
 }
 }
 return 1;
}
</script>

<style>
DIV.posts {
 border: 1px solid green;
}
</style>


<body>
</body>

読み込んだﾍﾟｰｼﾞを保存する Cookie の有効期限は､とりあえず2日間で書いてますが､利用する場面に応じて変えてください(短くするも善し､長くするも善し)｡

JSON の結果で､読み込んだﾍﾟｰｼﾞ番号が pages に反映されていると､もうちょっとだけきれいに書けそうな気もするのですが｡

追記です｡

戻ってきた時に､ｽｸﾛｰﾙ位置も記憶することはできますでしょうか？
最後に読み込んだところをﾄｯﾌﾟにしたいです｡

最後に表示したﾘｽﾄが､ｽｸﾛｰﾙ位置に入るようにしてみました｡
ﾘｽﾄをくくっている <DIV> に id 属性をつけて､それがｽｸﾛｰﾙ位置に入ります｡
初期表示だけではなく､"read more ..." をｸﾘｯｸしたときにも､同じ動作をします｡

<script type="text/javascript">
// 読み込んでいるﾍﾟｰｼﾞ
loading_page = 1;

// 最後に表示したﾍﾟｰｼﾞ
last_page = load_last_page();

/*
 指定されたﾍﾟｰｼﾞの投稿を取得する
 */
function json_call(page) {
 var URL = "http://test.com/api/get_recent_posts/?callback=show_posts_widget&read_more=More&";
 var e = document.createElement("script")
 e.src = URL + "page=" + page;
 document.body.appendChild(e);
}

/*
 JSON 形式のﾃﾞｰﾀから､投稿のﾘｽﾄを作成する｡
 */
function show_posts_widget(root) {
 var tags = "<ul>";
 for (var i = 0; i < root.posts.length; i++) {
 tags += '<li><a href="' + root.posts[i].url + '">' + root.posts[i].title + '</a></li'+'>';
 }
 tags += "</ul>";

 var e = document.createElement("DIV");
 e.className = "posts";
 e.innerHTML = tags;
 e.id = "page_" + loading_page;
 document.body.appendChild(e);

 if (loading_page < last_page) {
 loading_page += 1;
 json_call(loading_page);

 /*
 次の投稿を取得するﾘﾝｸ
 */
 } else if (root.count * root.pages < root.count_total) {

 // 最後に表示したﾘｽﾄがｽｸﾛｰﾙ位置に入るようにする
 e = document.getElementById("page_" + loading_page);
 e.scrollIntoView(true);

 e = document.createElement("A");
 e.href = "#";
 e.onclick = function() {
 // 次のﾍﾟｰｼﾞを読み込み
 loading_page += 1;
 last_page += 1;
 json_call(last_page);

 // ひとつ前のﾘﾝｸは消しておく
 var me = this;
 me.parentNode.removeChild(me);

 return false;
 }
 e.innerHTML = "read more ...";
 document.body.appendChild(e);

 save_last_page();
 }
}

// 1ﾍﾟｰｼﾞ目を表示する
window.onload = function() {
 json_call(1);
 }

/*
 最後に読み込んだﾍﾟｰｼﾞを､Cookie に保存する
 */
function save_last_page() {
 var path = location.pathname;

 var now = new Date().getTime();
 var expire = 60*60*24*1000 * 2;
 expire = 30000;
 expire = new Date(now + expire).toUTCString();

 var s;
 s = "last_page=" + last_page;
 s += "; path="+ path;
 s += "; expires=" + expire +"; ";

 document.cookie=s;
}

/*
 最後に読み込んだﾍﾟｰｼﾞを､Cookie から読み込む
 */
function load_last_page() {
 if (document.cookie.length > 0) {
 var result = /last_page=(\d+)/.exec(document.cookie);
 if (result) {
 return parseInt(result[1]);
 }
 }
 return 1;
}
</script>

<style>
DIV.posts {
 border: 1px solid green;
}
</style>


<body>
</body>