如果您按下更多按钮，它会滚动回到页面顶部

Question

我在其中一个类别页面上添加了一个加载更多按钮。我连续三个帖子，在两列（6个帖子）之后我有一个加载更多按钮。问题是，当您按下加载更多按钮时，它会滚动回到顶部。我假设因为负载更多的代码在错误的位置，但是我无法找到错误。 （你必须在div id = ajax中包装内容）有没有人有解决方案？提前谢谢。

顺便说一下我使用这个plugin

＆＃13;

＆＃13;

<?php
get_header();
get_template_part ('inc/carousel-food');
get_template_part ('inc/food-double-posts');
 
$the_query = new WP_Query( [
    'posts_per_page' => 6,
    'paged' => get_query_var('paged', 1),
    'cat'=> 10

] );

if ( $the_query->have_posts() ) { ?>
    <div id="ajax">
        <?php
    $i = 0;
    while ( $the_query->have_posts() ) { $the_query->the_post();
                
                   if($i % 3 == 0) {
                     echo '</div><div class="row">';
                   }
                ?>
                    <article <?php post_class('col-md-4'); ?> >
                        <?php the_post_thumbnail('medium-thumbnail'); ?>
                            <h2><a class="post-title" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                            <p class="post-excerpt"><?php echo get_the_excerpt(); ?></p>
                            <?php get_template_part( 'share-buttons' ); ?>
                            <a class="moretext" href="<?php the_permalink(); ?>">Read more</a>
                            <?php comments_popup_link ('No Comments', '1 Comment', '% Comments', 'comment-count', 'none'); ?>
                    </article>
  <?php
                                       
        $i++;
    }?>
  </div>
    <?php if(get_query_var('paged') < $the_query->max_num_pages) {
       load_more_button();
    }
}
elseif (!get_query_var('paged') || get_query_var('paged') == '1') {
    echo '<p>Sorry, no posts matched your criteria.</p>';
}
wp_reset_postdata();
get_footer();

＆＃13;

＆＃13;

＆＃13;