設置頁面在「get_next_posts_link」上滾動？

Question

我目前正在開發一個自定義的Wordpress主題。該頁面以單頁垂直滾動格式設置。在主題中的某一時刻，可以選擇查看較早的帖子。點擊查看舊帖子刷新頁面&將用戶帶回頂部，我希望用戶保持原樣，以便在單擊「查看舊帖子」時刷新帖子並且用戶仍然位於相同的固定滾動區域被撞回頂部。

有沒有一種可能的方式來使用Jquery帶來下一篇文章？我想到了在編輯鏈接的template.php的「get_next_post_link」的功能，但我不知道什麼JavaScript的使用或如何修改代碼的工作：

function get_next_post_link($format = '%link »', $link = '%title', $in_same_term = false, $excluded_terms = '', $taxonomy = 'category') { 
 
\t return get_adjacent_post_link($format, $link, $in_same_term, $excluded_terms, false, $taxonomy); 
 
}

我使用這個主題的一個修改版本：

http://www.andersnoren.se/themes/fukasawa/

Answer 1

它看起來像系統在Facebook或Twitter。首先，你應該添加一個指針div元素。當點擊「第2頁」創建新的頁面模板相同的查詢：

$page=$_GET['paged']; // page 2 to get param 
$showposts=10; 
$offset=($page-1)*$showposts; 
query_posts('offset='.$offset.'&showposts='.$showposts); 

while(have_posts()): 
    the_post(); 
    // ... 
endwhile; 

，並用jQuery添加按鈕單擊事件：

$(".pagenavi li a").click(function(){ 
    var new_page = $(this).attr("href"); 

    $("#ajax-area").html("LOADING"); 
    $("#ajax-area").append(new_page); 
return false; 
});