お世話になります。
WordPressでautopager.jsを使っているのですが、
スクロールして、表示された記事のリンクから遷移し、ブラウザの戻るボタンをクリックすると
URLが「/page/2/」となり、最新の記事が表示されません。
オプションでpermalinkをtrueに設定すると、最新記事が表示されますが、無限スクロールで表示させた記事はまた一からスクロールして、
表示しなおしになります。
最新記事の表示を維持しつつ戻るをクリックしたときスクロールして表示した記事の位置で戻るようにするには、
どういった方法があるのでしょうか。
・ブラウザバック後の処理
・ページの表示維持
等を調べてみましたが中々ヒントが得られなかったので、ご質問いたしました。
以下はコードです。
jQuery(function() { // 最大ページ数取得 var maxpage = <?php echo $wp_query->max_num_pages; ?>; $('#loading').css('display', 'none'); $.autopager({ content: '.new-post',// 読み込むコンテンツ link: '#next a', // 次ページへのリンク autoLoad: true,// スクロールの自動読込み解除 permalink: false, //これを入れると最新記事が表示されるが、遷移前の位置に戻らない start: function(current, next){ $('#loading').css('display', 'inline-block'); $('#next a').css('display', 'none'); }, load: function(current, next){ $('#loading').css('display', 'none'); $('#next a').css('display', 'inline-block'); if( current.page >= maxpage ){ //最後のページ $('#next a').hide(); //次ページのリンクを隠す } } }); $('#next a').click(function(){ // 次ページへのリンクボタン $.autopager('load'); // 次ページを読み込む return false; });
あなたの回答
tips
プレビュー