2017-11-15 7 views
0

私は現在取り組んでいるWordPressブログの中でMalinkyのAjax PaginationとInfinite Scrollプラグインを使用しています。プラグインは、より多くのボタンページングタイプをロードするように設定されています。 ロードボタンをクリックすると、最初にロードされた新しいポストがビューポートの上部にスクロールされるように設定する必要があります。 残念ながら、プラグインはあまりよく文書化されておらず、最初に読み込まれたポストを選択してコールバック内でアニメーションを適用する方法を見つけることができません。 コールバックの内側と外側の両方の最後の投稿にクラス 'アンカー'を追加しようとしましたが、$('article').last().addClass('anchor');$('html, body').animateをコールバック内の$('article.anchor:nth-last-of-type(2)')に送信し、2番目の最後の.anchor要素の下端までスクロールします最初の新しい読み込まれたポストが配置された後に、何らかの理由でアニメーションがn番目の疑似クラスで動作しないように見えます。私には役に立たない最後の型でしか動作しません。 この作業をどうにかする方法はありますか?MalinkyのAjax PaginationとInfinite Scrollプラグインを搭載した最初の投稿の上にスクロールするには?

答えて

0

コールバックの外側の最後の記事にクラスdiv-anchorを追加しました。コールバック内の最後の記事を$('article').last().addClass('anchor');で最後にロードしました:nth-​​last-of-type(2)の代わりにeq(-2)これはうまくいくようです。

$('html, body').animate({ scrollTop: $('article.div-anchor:eq(-2)').offset().top + $('article.div-anchor:eq(-2)').outerHeight(true) - $('.header').outerHeight(true) - $('#wpadminbar').outerHeight(true) }, 500); 
関連する問題